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的大小还是它只是自动的，因为它似乎我们都做了...