如何自定义浏览器下拉选择菜单，以显示样式框？

Question

我必须自定义浏览器下拉菜单：

到此：

如何使用Jquery或CSS实现这一目标？

我查看了谷歌，我找到了一些方法来自定义select_menu，但没有人将它转换为漂亮的盒子。 你能给我一个我可以找到这方面的教程或者帮助我从哪里开始的线路吗？

非常感谢

Answer 1

jQuery UI提供了一些功能，就像您在使用“单选按钮”小部件时所描述的那样。

有关详细信息，请参阅以下链接：http://jqueryui.com/button/#radio

Answer 2

你不需要一个无序列表。

您需要单选按钮和标签，并使用for=""属性。

Demo Here

您可以看到，当您单击标签时，它还会选择相应的单选按钮。使用display none隐藏单选按钮（从我的代码中取消注释），它可以按照您的意愿执行。