如何通过 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 不适合您的原因。
出于对齐目的(我不能使用 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 不适合您的原因。