CSS para seleccionar varios elementos = yes

Question

Quiero ser capaz de definir una altura para el elemento de selección múltiple para cuando su falsa

select{height: 30px;} 

Pero yo no quiero que se aplica cuando el selecto tiene la multiple = si.

¿Se puede definir en CSS?

Answer 1

Lo primero es lo primero, para que un elemento a select no estar en el modo de selección múltiple, el atributo debe ser multiple omitirse por completo. Incluso si establece multiple="no" o multiple="false", el comportamiento estándar es el mismo que HTML multiple o XHTML multiple="multiple". Para obtener más información, consulte the HTML spec.

Con esto en mente, utilice el CSS3 :not() selector para excluir cualquier select con ese atributo:

select:not([multiple]) { 
    height: 30px; 
} 

O si necesita Internet Explorer 7 + soporte, aplique la altura de todas las select elementos continuación reiniciarlo para los que tienen que atributo:

select { 
    height: 30px; 
} 

select[multiple] { 
    height: auto; 
} 

Answer 2

select[multiple]{ 
height: 30px 
} 

select[multiple]:focus{ 
height:auto 
} 

yo no sé si esto responde a la pregunta. Es una contribución.