Question

我希望能够在select元素的倍数为false时为其定义高度

select{height: 30px;}

但是当select具有multiple = yes时，我不希望它被应用。

可以在CSS中定义吗？

Answer 1

首先，为了使select元素不处于多选模式，multiple属性必须完全省略。即使您设置了multiple="no"或multiple="false"，标准行为也与HTML multiple或XHTML multiple="multiple"相同。有关更多信息，请参阅the HTML spec。

考虑到这一点，请使用CSS3 :not()选择器排除具有该属性的任何select：

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

或者，如果您需要IE7 +支持，请将高度应用于所有select元素，然后为具有该属性的元素重置它：

select {
    height: 30px;
}

select[multiple] {
    height: auto;
}

Answer 2

select[multiple]{
height: 30px
}

select[multiple]:focus{
height:auto
}

我不知道这是否回答了这个问题。这是一个贡献。

元素的SELECT SELECT = yes

2 个答案: