如何通过css将定义的值更改为未指定的值？

Question

我使用外部CSS样式表，我不能或不想更改。它定义了选择字段的默认长度。

所以在外部样式表中有类似的内容：

select { width: 200px }

现在我有一些地方，我希望这是不同的。我希望浏览器选择适合内容的必要大小。在我的样式表中，我希望这样：

select.some-class { width: none_specified }

所以带有“some-class”的选择不会是200px宽，但是浏览器认为是正确的。

我怎样才能做到这一点？

Answer 1

所有CSS属性都有默认值。对于width，它是auto。

select.some-class { width: auto; }

请注意，您不能总是轻易地覆盖CSS，有时您需要使用样式属性

<div style="width: auto;"> ... </div>

Answer 2

将其设为自动。

select.some-class { width: auto !important; }

请注意，我使用!important指定此规则应覆盖任何其他规则。