如何在IE和Firefox中使textarea具有相同的宽度？

我想要一个textarea 500px,这是我用于textarea的CSS:

width: 498px;
padding: 0px;
margin: 0px;

我注意到IE和Chrome 1px默认有边框,另一方面FF有一个2px边框导致textarea 502px代替500px,任何变通方法？

只是一个注释,我可以明确指定texarea边框宽度,即.border-width : 1px,但这里的问题是它与IE不能很好地工作(当边框设置为IE时,IE中的默认textarea边框在视觉上看起来不正常1px),我可以改变边框颜色但我不喜欢我想这样做,我更喜欢保留默认浏览器样式,我只想在所有浏览器中宽度相同而不更改默认样式或将颜色设置为边框,这可能吗？

您可以使用文档顶部的重置CSS工作表将所有浏览器的默认样式设置为相同.我自己喜欢YUI重置CSS.这应该将所有控件的基本样式设置为在所有浏览器中开始相同,这应该允许更可预测的布局.

IMO,如果你让每个浏览器都有自己的风格(甚至可以由用户自定义!),那么你正在为你的应用程序设置一个不可预测的风格,在你从未想过的地方会出现问题.最好使用重置CSS,然后相应地设置应用程序的样式.如果你查看雅虎的网站(参考),他们也会有自己的"基础"CSS,你可以从这开始,这是非常酷的.