Webkit przewijania Dont pracuje w selectbox

Question

W Webkit przewijania nie działa w wartości pojedynczego zaznaczania, ale działa mistrzów w stwardnieniu zaznaczania

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> 

Jak rozwiązać ten problem?

Answer 1

Nie możesz rozwiązać tego problemu, przynajmniej na razie. Musisz podać rozmiar 2, aby DOM rozpoznał, że chcesz zobaczyć więcej niż 2 wartości, nie jest to obsługiwane przez CSS.

Próbuję z "-webkit-scrollbar", "-moz-scrollbar", "-ms-scrollbar", "-o-scrollbar" i bezpośrednią właściwością "scrollbar" i otrzymałem taki sam wynik. W różnych przeglądarkach mają różne zachowania. Jeśli ta część jest dla Ciebie bardzo ważna, musisz użyć JavaScript lub jQuery PLUGINS.