2012-03-12 8 views
6

En la barra de desplazamiento webkit no funciona en la caja de selección de valor individual, sino que trabaja en grandes cuadro de selección múltipleDont Webkit barra de desplazamiento funciona en selectbox

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> 

¿Cómo resolver este problema?

+0

Supongo que no puedes darle estilo. Podría usar JS para hacer su propio 'select' si realmente quisiera. – Qtax

+0

@Qtax: Se puede diseñar un cuadro de selección múltiple, ¿por qué el cuadro de selección única no puede? Si no funciona, entonces será un error de webkit, ¿no? –

+0

Solo estaba adivinando, pero si se trata de un error o una característica es una pregunta para los desarrolladores de WebKit. ;-) – Qtax

Respuesta

0

No puede resolver este problema, al menos por ahora. Debe dar un tamaño 2 a DOM reconocer que desea ver más de 2 valores, CSS no es compatible con eso.

Intento con "-webkit-scrollbar", "-moz-scrollbar", "-ms-scrollbar", "-o-scrollbar" y dirigir la "barra de desplazamiento" y obtuve el mismo resultado. En varios navegadores tienen varios comportamientos. Si esta es una parte muy importante para usted, debe usar JavaScript o jQuery PLUGINS.

Cuestiones relacionadas