无法应用多个选择尺寸属性

Question

我有<select multiple="multiple">..</select>选择，我在某些样式表中也有select{heigth: 30px;}我无法编辑。现在我的多重选择具有1行高度 - “大小”属性无法应用。我该如何解决这个问题呢？

Answer 1

我喜欢干净的解决方案。

select[multiple] {
    height: 100px;

}

Answer 2

好吧，先关闭 - 我假设你使用的是height属性，而不是拼错的 heigth 属性。有两种方法可以解决这个问题。 第一个（我不推荐）只是将样式附加到HTML元素，如下所示：

<select multiple="multiple" style="height:100px">..</select>

或者，相反，我的建议是制作第二个样式表，它使用以下属性，包括属性值后面的“！important”：

select {
    height: 100px !important;
}

这样做会覆盖原始样式，并替换它。这不是您可以用来覆盖它的唯一方法 - 您可以read here on CSS specificity。

Answer 3

我认为正确的方法应该是为特定的<select>添加一个类并给它正确的大小，例如：

<select multiple="multiple" class="multiple">

select.multiple {
    height: 100px;
}