Webkit 滚动条在选择框中不起作用答案

【问题标题】：Webkit scrollbar dont works in selectboxWebkit 滚动条在选择框中不起作用
【发布时间】：2012-03-28 19:53:14
【问题描述】：

在 webkit 中，滚动条在单值选择框中不起作用，但在多选择框中效果很好

CSS

::-webkit-scrollbar {
    width:  6px;
    height: 6px;
    background-color:transparent;
}
::-webkit-scrollbar-track {
    background-color:transparent;
    width: 6px;
}
::-webkit-scrollbar-track-piece  {
    background-color: transparent;
}
::-webkit-scrollbar-thumb {    
    background: none green;
    width: 6px;
}

HTML

    // Don't Works
<select>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>



// Works perfect for this   
<select size="2">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

如何解决这个问题？

【问题讨论】：

我猜你不能设计它。如果你真的想要的话，你可以使用 JS 来制作你自己的select。
@Qtax: 多选框可以设置样式，为什么单选框不能？如果它不应该工作，那将是 webkit 错误，不是吗？
我只是猜测，但如果它是一个错误或一个功能是 WebKit 开发人员的问题。 ;-)
好吧，我只是分享我的想法... :-)

标签： html css webkit

【解决方案1】：

你不能解决这个问题，至少现在不能。你需要给 DOM 一个 size 2 来识别你想要看到超过 2 个值，CSS 不支持。

我尝试使用“-webkit-scrollbar”、“-moz-scrollbar”、“-ms-scrollbar”、“-o-scrollbar”和直接“scrollbar”属性，我得到了相同的结果。在各种浏览器中有各种行为。如果这部分对你很重要，你需要使用 JavaScript 或 jQuery PLUGINS。

【讨论】：