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

Question

我要创建单选按钮或其他类型的控制将充当像这样：

​​

值1被选择，所以它看起来像被按下的按钮或选择的链接（粗体，没有下划线）以及其它元件是有源按钮/链接。当用户选择另一个值 - 状态改变。我可以手动处理这个事件，问题是 - 我应该使用什么插件或现有的css/js组合来实现此目的？

我很确定这种类型的控件有一个名字，但不能想出这是什么。我试图搜索自定义样式单选按钮，因为功能相同，但失败。我也尝试了其他一些名称，例如开关按钮，但这不是我想要的。它也与标签非常相似，但标签通常被称为需要附加下划线div的东西。所以我正在寻找“单选按钮符合标签”css/js解决方案。

你能帮我命名这个控件，如果你知道它的名字，或者找到可以帮助我实现我的目标的插件/现有代码？

问题不是如何自己创建这种类型的功能，我可以做到这一点，但奇怪的是没有现有的解决方案，我想帮助人们处于相同的情况，也可能是现有的解决方案设计可以比我能发明自己更好，因为我不是设计师。

回答

这种类型的控制可以发现“简体CSS标签”或“CSS小标签”，但他们需要一些额外的代码按预期运行。

而且，这种类型的功能可以在谷歌找到的jQuery UI的radio buttons transformed into a button set和Yahoo UI Button Control: Radio Buttons

Answer 1

http://jqueryui.com/demos/button/#radio

雅做作品芽:)