CSS Jquery AutoComplete - 样式不适用

Question

奇怪的是， 我试图将样式应用于已经使用jquery自动完成的文本框，尝试应用doe的样式不起作用，任何想法？

CSS

#LongTextbox  {
    width: 250px;
}

HTML

<input name="ItemEntry_item_${id}" type="text" value="${item}" id="ItemEntry_item_${id}" class="LongTextBox"/>

调试显示

<input name="ItemEntry_item_1" type="text" value="" id="ItemEntry_item_1" class="LongTextBox ui-autocomplete-input" autocomplete="off">

CSS调试显示没有使用LongTextBox的迹象

Answer 1

您的HTML有一个类的LongTextBox（大写字母B），而您的CSS的目标是LongTextbox的 id （小写字母b）。

将CSS更改为.LongTextBox而不是#LongTextbox

小提琴：http://jsfiddle.net/6Wgxc/

Answer 2

更改您的CSS，如下所示。在CSS中class用.表示，id用#表示，在CSS代码中，类名LongTextBox被称为LongTextbox }

<强> CSS

.LongTextBox  {
    width: 250px;
}