问如何设置HTML文本框的大小？

EN

只需使用：

textarea {
    width: 200px;
}

或

input[type="text"] {
    width: 200px;
}

取决于你所说的“文本框”是什么意思。

您的标记：

<input type="text" class="resizedTextbox" />

CSS：

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

请记住，文本框大小是W3C box model的“牺牲品”。我所说的受害者是指文本框的高度和宽度是上面指定的高度/宽度属性以及填充高度/宽度和边框宽度的总和。因此，文本框在不同浏览器中的大小会略有不同，这取决于不同浏览器中的默认填充。尽管不同的浏览器倾向于为文本框定义不同的填充，但大多数reset style sheets不倾向于在它们的重置工作表中包含<input />标记，因此这一点需要牢记。

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

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

我添加了1像素的填充，因为如果填充为0px，一些浏览器会让文本框看起来太塞满了。根据您的设计，您可能想要添加更多填充，但强烈建议您自己定义填充，否则将留给不同的浏览器自行决定。为了获得更多跨浏览器的一致性，您还应该自己定义边框。