将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>

问题：textarea没有把css视为输入，我的意思是，我将角落的圆角文本区作为输入文本，但字体大小和字体系列没有。

Answer 1

只需添加：

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

对于你的textarea，它看起来就像其他控件一样。

Answer 2

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 3

寻找一个额外的样式，用firebug覆盖jquery UI的样式。