css – 输入内的填充打断宽度100%

好的,所以我们知道,设置填充到对象导致其宽度更改,即使明确设置。虽然人们可以认为这背后的逻辑,它引起一些元素的一些问题。

在大多数情况下,您只需添加一个子元素并向该元素添加填充,而不是将其设置为100%,但对于表单输入,这不是一个可能的步骤。

看看这个:http://sandman.net/test/formcss.html

第二个输入的填充设置为5px,我非常喜欢默认设置。但不幸的是,使输入在所有方向增长10px,包括添加10px到100%的宽度。

这里的问题是,我不能在输入中添加一个子元素,所以我不能修复它。所以问题是:

有什么办法在输入内添加填充,同时仍然保持宽度100%?它需要是100%,因为形式将呈现在不同宽度的父母,所以我不知道预先的父的宽度。

我不知道如何跨浏览器兼容它是(它在firefox和safari工作),但你可以尝试这个解决方案:

DIV.formvalue {
padding: 15px;
}
input.input {
margin: -5px;
}

(只发布了我改变的值)

http://stackoverflow.com/questions/1377719/padding-within-inputs-breaks-width-100

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:css – 输入内的填充打断宽度100%