如何使用CSS创建自定义水平单选按钮？

| 我想创建单选按钮或其他类型的控件，其作用如下：

[_value1_] [value2] [value3]

已选择Value1，因此它看起来像是按下的按钮或选定的链接（粗体，没有下划线），其他元素是活动的按钮/链接。当用户选择另一个值时，状态将更改。我可以手动处理此事件，问题是-我应该使用哪种插件或现有的CSS / JS组合来实现此目的？ 我很确定这种控件有一个名称，但是我想不出这是什么。我尝试搜索自定义样式单选按钮，因为功能相同，但是失败了。我也尝试过其他一些名称，例如开关按钮，但这不是我想要的。它也与标签非常相似，但是标签的样式通常需要附加下划线div。因此，我正在寻找“单选按钮符合选项卡” css / js解决方案。 如果您知道此控件的名称，是否可以帮助我命名该控件，或者找到可以帮助我实现目标的插件/现有代码？ 问题不是我自己可以如何创建这种功能，但是很奇怪，没有现有的解决方案，而我想帮助处于相同情况的人们，也可能是现有的解决方案设计可以更好我无法发明自己，因为我不是设计师。 回答 可以使用\“ Simplified CSS Tabs \”或\“ CSS Mini Tabs \”找到这种类型的控件，但是它们需要一些其他代码才能按预期工作。 同样，可以在Google中找到这种类型的功能，将jQuery UI单选按钮转换为按钮集，并将Yahoo UI Button Control：单选按钮