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

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有它自己的功能。