Question

在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>

如何解决这个问题？

Answer 1

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

我尝试使用＆＃34; -webkit-scrollbar＆＃34;，＆＃34; -moz-scrollbar＆＃34;，＆＃34; -ms-scrollbar＆＃34;，＆＃34; -o-scrollbar＆＃34;并指导＆＃34;滚动条＆＃34;财产和我得到了相同的结果。在各种浏览器中都有各种表现。如果此部分对您非常重要，则需要使用JavaScript或jQuery PLUGINS 。

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

1 个答案: