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

Question

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

我有这个HTML:

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

…你可能注意到了，它引用了这个CSS类:

.firstblockinut {
    width: 196px;
}

它什么也不做;Travelername的宽度保持不变(169)。

但是，我可以用这种方式在jQuery中完成它:

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

那么我如何使用HTML/CSS在jQuery中完成容易的事情呢?

Answer 1

这里有个错别字。

.firstblockinut {
    width: 196px;
}

而在HTML中，你有

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

注意HTML和CSS中的类名

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