是否可以设置复选框的样式？

Question

是否可以设置复选框的样式？

我有一个HTML选择框，我需要样式。我宁愿只使用CSS，但如果有必要，我将使用jQuery来填补空白。

有人能推荐一个好的教程或插件吗？

我知道，谷歌，但我已经搜索了两个小时，我没有找到任何符合我的需要。

它必须是：

• 兼容jQuery 1.3.2
• 可接近
• 平易近人
• 完全可自定义选择框的每个方面。

有人知道什么能满足我的需要吗？

Answer 1

我看到的值得检查的两个问题是：选-一堆很酷的东西，GitHub上有7K以上的观察者。(评论中“付费书呆子”提到)选择2-受选择的启发，部分角度-用户界面与一对有用的调整选择。嗯!截至2012年，我发现的最轻量级、最灵活的解决方案之一是斯利克..来自网站的相关(编辑)信息：将图像和文本添加到select options可以使用JSON填充选项支持选择上的回调函数

Answer 2

至于CSS，Mozilla似乎是最友好的，尤其是FF 3.5+。WebKit浏览器大多只做自己的事情，忽略任何样式。IE是非常有限的，虽然IE8至少让你的风格边框的颜色/宽度。实际上，在FF 3.5+中，以下内容看起来相当不错(当然，选择您的颜色偏好)：select {     -moz-border-radius: 4px;     -moz-box-shadow: 1px 1px 5px #cfcfcf inset;     border: 1px solid #cfcfcf;     vertical-align: middle;     background-color: transparent;}option {     background-color: #fef5e6;     border-bottom: 1px solid #ebdac0;     border-right: 1px solid #d6bb86;     border-left: 1px solid #d6bb86;}option:hover {     cursor: pointer;}但是当涉及到IE时，如果您不希望在选项菜单未被下拉时显示它，则必须禁用该选项上的背景色。就像我说过的，webkit有它自己的功能。