元素的SELECT SELECT = yes

Question

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

select{height: 30px;}

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

可以在CSS中定义吗？

Answer 1

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

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

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

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

select {
    height: 30px;
}

select[multiple] {
    height: auto;
}