html – CSS：将INPUT元素重置为原始宽度

概述我不认为这是可能的,但我会问它,但我可以说我有以下 HTML： <div style="width: 500px;"> <input class="full" /></div> 和相应的CSS： input { width: 100%;}.full { display: inline; float: left; margin: 0 2%; w 我不认为这是可能的,但我会问它,但我可以说我有以下 HTML：

<div >    <input  /></div>

和相应的CSS：

input {    wIDth: 100%;}.full {    display: inline;    float: left;    margin: 0 2%;    wIDth: 96%}

在这种情况下,我的输入元素将具有480px的宽度,这适用于我的大多数需求,但在某些特定情况下它不会,例如：

<div >    <input name="day" size="2" />    <input name="month" size="2" />    <input name="year" size="4" /></div>

这将使浏览器呈现宽度为500px(jsFiddle)的每个输入…

反正是否强制浏览器回滚到默认样式？

解决方法 只需将wIDth：auto设置为这些输入.无论是否设置了size属性,都可以使用(如果设置了大小属性,则可以使用大小).

http://jsfiddle.net/Madmartigan/kQDpY/3/

顺便说一句,float会自动将显示类型设置为阻止,你的div的内联声明没有做任何事情所以你不需要它.

总结

以上是内存溢出为你收集整理的html – CSS：将INPUT元素重置为原始宽度全部内容，希望文章能够帮你解决html – CSS：将INPUT元素重置为原始宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。