CSS：將INPUT元素重置為原始寬度

Question

我不認為這是可能的，但我會問它，但我可以說我有以下HTML：

<div style="width: 500px;">
    <input class="full" />
</div>

和相應的CSS：

input {
    width: 100%;
}

.full {
    display: inline;
    float: left;
    margin: 0 2%;
    width: 96%
}

在這種情況下，我的輸入元素將具有480px的寬度，這適用於我的大多數需求，但在某些特定情況下它不會，例如：

<div style="width: 500px;">
    <input name="day" size="2" />
    <input name="month" size="2" />
    <input name="year" size="4" />
</div>

這將使瀏覽器呈現寬度為500px（ jsFiddle ）的每個輸入...

反正是否強制瀏覽器回滾到默認樣式？

Answer 1

只需將width:auto設置為這些輸入。 無論是否設置了size屬性，都可以使用（如果設置了size屬性，則可以使用大小）。

順便說一句，float會自動將顯示類型設置為阻止，你的div的內聯聲明沒有做任何事情所以你不需要它。

Answer 2

只需使用!important選擇器覆蓋它：

input {
    width: auto !important;
}

和一個演示： http ： //jsfiddle.net/kQDpY/4/

Answer 3

寬度：自動;

這就是你要追求的嗎？

基本上我設置width:auto; 定義size屬性的所有輸入。 也許這不是正確的屬性，但它顯示了如何區分彼此之間的輸入。

但基本上你沒有告訴我們你對這三個輸入你想要什么。 你想要它們占據整個寬度但應該是2：2：4的大小還是它只是自動的，因為它似乎我們都做了...