将JQuery UI CSS应用到textarea元素

Question

我在大学使用JQuery UI进行基于Web的开发。我得到了一些表格，我投入的对话，所以我得到的元素，如

<label for="name">ID user</label><input type="text" name="iduser" size="15" id="iduser" class="text ui-widget-content ui-corner-all" maxlength=12 /> 

但我得到了一些textarea的元素，如

<label for="name">Description</label><textarea name="description" id="description" class="text ui-widget-content ui-corner-all" value=""></textarea> 

问题：文本未服用的CSS作为输入呢，我的意思是，我得到了角落圆角textarea作为输入文本，但字体大小和字体系列没有。

Answer 1

的jQuery UI的造型没有一个.text CSS规则，使有是你的:)无论这个规则被定义，或者如果它是对所有输入，它可能是这样的：

input { font-family: Arial; } 
/* or... */ 
input.text { font-family: Arial; } 

但<textarea>将不匹配<input>，所以你需要去改变它了一点，所以它也包括那些<textarea>元素：

.text { font-family: Arial; } /* doesn't care what tag */ 
/* or...add both specifically */ 
input.text, textarea.text { font-family: Arial; } 

Answer 2

寻找一个额外的风格覆盖jQuery UI的风格与萤火虫。

Answer 3

只需ADDI ng：

class="ui-widget ui-state-default ui-corner-all" 

对你的textarea来说，它看起来像其他控件。