为什么我的文本字段和文本区域在宽度相同时不对齐？

【问题标题】：Why do my text fields and text areas not align when they have the same width?为什么我的文本字段和文本区域在宽度相同时不对齐？
【发布时间】：2009-09-03 23:56:54
【问题描述】：

这是最简单的例子：

<textarea id="text_area" name="text_area" style="width:280px">
</textarea>
<input id="text_field" name="text_field" style="width:280px" type="text" />

【问题讨论】：

标签： css textarea alignment textfield

【解决方案1】：

尝试将内边距和边距值设置为 0px。

【讨论】：

没有骰子。这并没有改变任何东西，我用萤火虫验证了边距/填充。
所有浏览器都一样？因为我知道 Safari 在遇到此类问题时很烦人。

【解决方案2】：

我还必须设置边框属性。将以下内容添加到两个元素可以解决问题：


border:1px solid #ccc;

【讨论】：

我以为您将边框设置为 1px solid #000，因为上述表单上的边框看起来像那样。
我没有设置边框属性，所以不确定它们的默认值。编辑你的答案，我会接受。