如何通過css將定義的值更改爲未指定的值？

Question

我使用外部CSS樣式表，我不能或不想更改。它定義了選擇字段的默認長度。

所以在外部樣式表有一樣的東西：

select { width: 200px } 

現在我有一些地方，我想這是不同的。我希望瀏覽器選擇所需的大小來容納內容。在我的樣式表我想是這樣的：

select.some-class { width: none_specified } 

因此，一個選擇了「一些一流」不會是200像素寬，但一樣寬的瀏覽器認爲是正確的。

我該如何做到這一點？

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來指定此規則應該覆蓋任何其他規則。