Chrome中的Textarea宽度未正确应用

时间:2011-06-03 02:47:15

标签: google-chrome textarea width

页脚中的联系人框,textarea和输入框的宽度为310px。

http://www.bantros.net

它们被设置为308px宽,1px边框。在IE9中,Firefox和Opera的宽度相同,但在Chrome(我的默认浏览器)中,textarea会溢出,除非宽度设置为304px。

使用Inspect Element我可以将它报告为314px宽,但我不太清楚为什么会这样做。任何信息或帮助将不胜感激,谢谢

2 个答案:

答案 0 :(得分:8)

有一个浏览器应用padding: 2px。申请padding: 0

.form1 textarea, .form1 input {
    padding: 0;
}

使用CSS reset,btw。

可以解决这类问题

答案 1 :(得分:3)

我能看到的一件事,我认为是问题的根源:在textarea中,chrome为左右两个填充2px填充。在input chrome中,左右两侧放置0px填充。

如果你覆盖它应该没问题。