Полоса прокрутки Webkit не работает в selectbox

Question

В веб-наборе полоса прокрутки не работает в окне выбора одного значения, но отлично работает в окне множественного выбора

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

Вы не можете решить эту проблему, по крайней мере, пока. Вам нужно задать размер 2, чтобы DOM распознал, что вы хотите видеть более 2 значений, CSS не поддерживает это.

Я пытаюсь использовать свойства "-webkit-scrollbar", "-moz-scrollbar", "-ms-scrollbar", "-o-scrollbar" и direct "scrollbar", и я получаю тот же результат. В разных браузерах ведёт себя по-разному. Если эта часть очень важна для вас, вам нужно использовать JavaScript или jQuery PLUGINS .