【问题标题】:Textarea width in Chrome not being applied properlyChrome 中的文本区域宽度未正确应用
【发布时间】:2011-06-03 02:47:15
【问题描述】:
页脚中的联系人框、文本区域和输入框位于 310 像素宽的 div 中。
http://www.bantros.net
它们被设置为 308px 宽和 1px 边框。在 IE9、Firefox 和 Opera 中,所有内容的宽度都相同,但在 Chrome(我的默认浏览器)中,除非宽度设置为 304px,否则文本区域会溢出。
使用 Inspect Element 我可以将其报告为 314px 宽,但我不太确定它为什么会这样做。任何信息或帮助将不胜感激,谢谢
【问题讨论】:
标签:
google-chrome
textarea
width
【解决方案1】:
有一个浏览器应用padding: 2px。申请padding: 0。
.form1 textarea, .form1 input {
padding: 0;
}
这类问题可以使用CSS reset 解决,顺便说一句。
【解决方案2】:
我可以看到一件事,我相信这是问题的根源:在textarea 中,chrome 为左右放置了 2px 的填充。在input chrome 中,左右两边都设置了 0px 的内边距。
如果你覆盖它应该没问题。