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

Question

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

我有这个HTML：

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

......正如您可能已经注意到的那样，它引用了这个CSS类：

.firstblockinut {
    width: 196px;
}

它什么都不做;旅行者名字的宽度保持不变（169）。

但是，我可以通过这种方式在jQuery中完成它：

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

那么如何使用HTML / CSS完成jQuery中的简单操作呢？

Answer 1

你这里有一个错字..你的CSS中有

.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不适合你的原因。