3

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

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

由于某种原因，在 Firefox 中，textarea 的宽度显得更短：

在此处输入图像描述

在 safari 和 chrome 中运行良好。我怎样才能解决这个问题？

解决方案：

如此处所述： 无法使用 CSS 添加设置 textarea 宽度：

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

成功了。

4

3 回答 3

2

我相信这是因为输入标签和 textarea 标签默认具有不同的边框。尝试在 CSS 中添加边框以实现相同的宽度。

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

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

于 2012-05-30T18:53:49.543 回答
0

您可以将所有输入字段放入<div>给定宽度的 a 中，并使<input>和<textarea>字段的宽度为 100%。

于 2012-05-30T18:49:35.953 回答
0

你用的是什么版本的FF？我用 12.0 尝试过，对我来说似乎很好。

试试这个简单的版本，看看它是否仍然被抛弃。您的 css 定义的另一部分可能存在问题。

<html>

<head>
<style type="text/css">
    input[type=text], 
    input[type=file],
    textarea {
        width: 305px;
    }   
</style>
</head>

<body>

<form>
    <input type="text" /><br/>
    <textarea></textarea>
</form>

</body>
</html>
于 2012-05-30T18:53:07.237 回答