Although it may seem impossible, I am still going to ask the question. Suppose I have the following HTML:
<div style="width: 500px;">
<input class="full" />
</div>
And the corresponding CSS:
input {
width: 100%;
}
.full {
display: inline;
float: left;
margin: 0 2%;
width: 96%
}
In this scenario, my input element will have a width of 480px, which generally meets my requirements. However, there are specific cases where it doesn't work as intended. For example:
<div style="width: 500px;">
<input name="day" size="2" />
<input name="month" size="2" />
<input name="year" size="4" />
</div>
This causes the browser to render each input with a width of 500px (jsFiddle)...
Is there a way to revert the browser to the default style in such instances?