我想要一个500px的textarea,这是我用于textarea的CSS：
width: 498px; padding: 0px; margin: 0px;
我注意到IE和Chrome默认有1px边框,另一方面FF有2px边框,这导致textarea为502px而不是500px,任何变通方法？
只是一个注释,我可以明确指定texarea边框宽度,即. border-width：1px,但这里的问题是它与IE不能很好地工作(当边框设置为1px时,IE中的默认textarea边框在视觉上看起来不正常),我可以更改边框颜色但是我我不想这样做,我更喜欢保留默认的浏览器样式,我只想在所有浏览器中宽度相同而不更改默认样式或将颜色设置为边框,这可能吗？
解决方法
您可以使用文档顶部的重置CSS工作表将所有浏览器的默认样式设置为相同.我自己喜欢
YUI reset CSS.这应该将所有控件的基本样式设置为在所有浏览器中开始相同,这应该允许更可预测的布局.
IMO,如果你让每个浏览器都有自己的风格(甚至可以由用户自定义！),那么你正在为你的应用程序设置一个不可预测的风格,在你从未想过的地方会出现问题.最好使用重置CSS,然后相应地设置应用程序的样式.如果你查看雅虎的网站(参考),他们也会有自己的“基础”CSS,你可以从这开始,这是非常酷的.
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css">
