CSS для элемента SELECT multiple = yes

Я хочу, чтобы определить высоту для элемента select, когда его несколько на false

select{height: 30px;}

Но я не хочу, чтобы он применялся, когда select имеет значение multiple = yes.

Можно ли его определить в CSS?

Ответы

Ответ 1

Прежде всего, чтобы элемент select не был в режиме множественного выбора, атрибут multiple должен быть полностью опущен. Даже если вы установите multiple="no" или multiple="false", стандартное поведение будет таким же, как HTML multiple или XHTML multiple="multiple". Для получения дополнительной информации см. спецификацию HTML.

С учетом этого используйте селектор CSS3 :not(), чтобы исключить любой select с этим атрибутом:

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

Или, если вам нужна поддержка IE7 +, примените высоту ко всем элементам select, а затем reset для тех, у кого есть этот атрибут:

select {
    height: 30px;
}

select[multiple] {
    height: auto;
}

Ответ 2

select[multiple]{
height: 30px
}

select[multiple]:focus{
height:auto
}

Я не знаю, отвечает ли это на вопрос. Это вклад.