html - CSS textarea 宽度与 firefox 中的输入宽度不同

Question

我正在使用 css 设置我的文本输入和文本区域的宽度:

input[type=text], 
input[type=file],
textarea {
    width: 305px;
}

出于某种原因，在 firefox 中，textarea 宽度显得较短:

在 safari 和 chrome 中运行良好。我该如何解决这个问题？

解决方案:

正如此处所解释的: Unable to set textarea width with CSS添加:

padding: 0;
border: 1px solid #ccc;

成功了。

Answer 1

我相信这是因为 input 标签和 textarea 标签在默认情况下具有不同的边框。尝试向您的 CSS 添加边框以获得相同的宽度。

input[type=text],
input[type=file],
textarea {
    width: 305px;
    border: 1px solid black;
}

这是一个例子:http://jsfiddle.net/Das2q/