Установите выбор «высота» в CSS, если «размер» не больше 1

Question

Установите выбор «высота» в CSS, если «размер» не больше 1

0

Я хочу обновить мою страницу CSS, чтобы установить стандартную высоту для всех блоков выбора, если поле не является полем с несколькими выборами, а размер не превышает 1.

У меня есть первая часть этого:

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

Это хорошо работает, за исключением отдельных блоков:

<select size="10">

Есть ли способ сделать исключение для этих типов блоков выбора, используя CSS, как я сделал для ящиков с множественным выбором? Я мог бы это сделать, обновив все эти поля выбора новым классом, но скорее избежал бы этого, если это было возможно.

justanotherguy 20 янв. 2014, в 23:20

Источник

0

select[multiple], select[size] {height: auto;} ?
dfsq 20 янв. 2014, в 21:42

Теги:

html

css

2 ответа

2

Вы можете использовать следующие селекторы CSS в следующем порядке:

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

Демо здесь

Salman A 20 янв. 2014, в 19:07

Ещё вопросы

Deryck · Accepted Answer · 2014-01-20T19-30-00.000Z

Рабочая демонстрация

По какой-то причине селектор CSS работает только в моем браузере с котировками вокруг 5

CSS

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