Working demo

Question

我想更新我的CSS页面以设置所有选择框的标准高度，除非该框是多选框并且大小不大于1.

我发现了第一部分：

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

这样做很有效，除了像这样的选择框：

<select size="10">

有没有办法像使用多选框那样只使用CSS来为这些类型的选择框制作例外？我可以通过使用新类更新所有这些选择框来实现此目的，但如果可能的话，宁可避免这样做。

Answer 1

出于某种原因，CSS选择器仅适用于我的浏览器，并且5

附近有引号

CSS

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

Answer 2

您可以按顺序使用以下CSS选择器：

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