如何通过 CSS 增加输入文本元素的宽度?

How can I increase input text elements' width via CSS?

出于对齐目的(我不能使用 HTML table,因为有些行比其他行需要更多的 tds),我试图对某些输入文本元素的宽度进行微观管理。

我知道了 HTML:

<input class="firstblockinput" type="text" id="travelername" title="Last Name, First Name, Middle Initial" />

...正如您可能注意到的那样,它引用了这个 CSS class:

.firstblockinut {
    width: 196px;
}

它什么都不做; travelername 的宽度顽固地保持不变 (169)。

但是,我可以这样在 jQuery 中完成它:

var travname = $('[id$=travelername]');
travname.width(196);

那么我怎样才能使用 HTML/CSS 完成 jQuery 中容易的事情呢?

你这里有错字..在你的CSS你有

.firstblockinut {
    width: 196px;
}

而在您的 HTML 中,您有

<input class="firstblockinput" type="text" id="travelername" title="Last Name, First Name, Middle Initial" />

请注意 HTML 和 CSS

中的 class 名称

在您的CSS中,您有firstblockinut,而在HTML中,您有firstblockinput 。注意缺少的 p。这就是 CSS 不适合您的原因。