无法使用 CSS 设置文本区域宽度

我尝试使用此 CSS 来设置表单元素的宽度：

input[type="text"], textarea { width:250px; }

如果您查看此 Firefox 屏幕截图，您会发现字段的宽度不同。我在 Safari 中也得到了类似的效果。

替代文本 http://screamingv.com/ss.png http://screamingv.com/ss.png

有什么解决方法吗？

更新：感谢迄今为止提供的信息。我现在已确保两个元素上的填充/边距/边框设置相同。我仍然遇到问题。我发布的原始 CSS 被简化了...我还将文本区域的高度设置为 200px。当我删除高度样式时，宽度会匹配。诡异的。这是没有意义的。

浏览器错误？

尝试删除内边距和边框。或者尝试使两个元素的它们相同

input[type="text"],
textarea {
    width:250px;
    padding: 3px;
    border: none;
    }

Or:

input[type="text"],
textarea {
    width:250px;
    padding: 0;
    border: 1px solid #ccc;
    }

INPUT 和 TEXTAREA 元素通常会由浏览器应用一些填充（因浏览器而异），这可能会使内容看起来比指定的宽度更宽。

更新：还box-sizing: border-box;是设置宽度的便捷方法，填充和边框将占用而不是添加到该宽度上。看：http://www.paulirish.com/2012/box-sizing-border-box-ftw/ http://www.paulirish.com/2012/box-sizing-border-box-ftw/