Imposta seleziona "altezza" nei CSS a meno che "dimensione" sia maggiore di 1 - html, css

Voglio aggiornare la mia pagina CSS per impostare un'altezza standard per tutte le caselle di selezione a meno che la casella non sia una casella di selezione multipla e la dimensione non sia maggiore di 1.

Ho la prima parte di questo capito:

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

Funziona bene, ad eccezione delle caselle di selezione come questa:

<select size="10">

C'è un modo per fare un'eccezione per questitipi di caselle selezionate solo usando CSS come ho fatto per le caselle di selezione mutiple? Potrei realizzare questo aggiornando tutte queste caselle di selezione con una nuova classe, ma preferirei evitare che se possibile.

risposte:

Per qualche motivo il selettore CSS funziona solo sul mio browser con le virgolette intorno al 5

CSS

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

Puoi utilizzare i seguenti selettori CSS, in questo ordine:

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

Demo qui