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

enter image description here

这个：

enter image description here

我怎样才能做到这一点与jQuery或CSS？

我在谷歌搜索，我发现了一些方法来定制select_menu，但没有人将它转换成漂亮的盒子。你能给我一个线路，我可以找到一个教程或帮助我从哪里开始？

非常感谢

此时它不再是选择菜单。只是具有相同的功能 – Ibu

只需使用*“radio”*按钮即可。你不需要选择这个。 – SeinopSys

您可以使用隐藏的输入字段。然后在点击所选尺寸时更新它的值。 – Jrod

jQuery UI的提供了一些功能，例如你使用他们的“单选按钮”窗口小部件时形容。

请参阅以下链接了解更多信息：http://jqueryui.com/button/#radio

2013-01-23 16:55:53

你不想为这个无序列表。

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

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

2013-01-23 17:00:14 Andy

+1代替JS使用下一个兄弟选择器，但要注意[支持'：checked'伪类]（https://developer.mozilla.org/en/docs/CSS/check）。 –

回答