/ / Establezca "altura" en CSS a menos que "tamaño" sea mayor que 1 - html, css

Establezca seleccionar "altura" en CSS a menos que "tamaño" sea mayor que 1 - html, css

Quiero actualizar mi página CSS para establecer una altura estándar para todos los cuadros de selección, a menos que el cuadro sea un cuadro de selección múltiple y el tamaño no sea mayor que 1.

Tengo la primera parte de esto resuelto:

select{
height:24px;
}
select[multiple]{
height:auto;
}

Esto funciona bien, excepto en cuadros como este:

<select size="10">

¿Hay alguna manera de hacer una excepción para estos¿Tipos de cuadros de selección usando CSS como lo hice para los cuadros de selección múltiple? Podría lograr esto actualizando todos estos cuadros de selección con una nueva clase, pero preferiría evitar eso si es posible.

Respuestas

3 para la respuesta № 1

Por alguna razón, el selector de CSS solo funciona en mi navegador con citas alrededor del 5

CSS

select:not([multiple]):not([size]) {
height: 24px;
}
select[size="10"], select[multiple] {
height: auto;
}

2 para la respuesta № 2

Puedes usar los siguientes selectores de CSS, en ese orden:

select[multiple], select[size] {
height: auto;
}
select, select[size="1"] {
height: 24px;
}

Demo aquí