11 个答案:

答案 0 :(得分：111)

只需使用：

textarea {

width: 200px;

}

或

input[type="text"] {

width: 200px;

}

取决于“文本框”的含义。

答案 1 :(得分：36)

您的加价：

CSS：

.resizedTextbox {width: 100px; height: 20px}

请注意，文本框大小是W3C box model的“受害者”。我的意思是受害者是文本框的高度和宽度是上面指定的高度/宽度属性的总和，以及填充高度/宽度和边框宽度。因此，根据不同浏览器中的默认填充，您的文本框在不同浏览器中的大小会略有不同。虽然不同的浏览器倾向于为文本框定义不同的填充，但大多数reset style sheets不会在重置表中包含标记，因此请记住这一点。

您可以通过定义自己的填充来标准化。这是带有指定填充的CSS，因此所有浏览器中的文本框看起来都相同：

.resizedTextbox {width: 100px; height: 20px; padding: 1px}

我添加了1个像素填充，因为如果填充为0px，某些浏览器会使文本框看起来过于紧张。根据您的设计，您可能希望添加更多填充，但强烈建议您自己定义填充，否则您将把它留给不同的浏览器来自行决定。为了使浏览器更加一致，您还应该自己定义边框。

答案 2 :(得分：10)

input[type=&