像药丸一样制作精美的单选按钮

Posted 2023-03-05

【中文标题】像药丸一样制作精美的单选按钮

【英文标题】：Making fancy radio button like pills

【发布时间】：2012-05-22 19:20:02

【问题描述】：

我正在寻找一种解决方案，用更接近 "pills" as defined in Bootstrap 的形式替换老式单选按钮。

我想仅通过在单选按钮上使用 CSS 是不可能做到这一点的，但是您知道是否有类似的解决方案（例如使用 JQuery）？

谢谢。

【问题讨论】：

也许这个关于纯 css 解决方案的讨论会有所帮助：***.com/questions/9513272/…

看看这个，以后可能会对你有所帮助CSS Deck

【参考方案1】：

在 github 上有一个引导问题与此有关：

https://github.com/twitter/bootstrap/issues/1161

它包含几个解决方案，包括一个纯 CSS 的解决方案：http://jsfiddle.net/charettes/SauLj/

【参考方案2】：

这里有两个 github 中的按钮项目

http://hellohappy.org/css3-buttons/

http://nicolasgallagher.com/lab/css3-github-buttons/

【讨论】：

太棒了！ “分组按钮”是我要找的。谢谢。