将 JQuery UI css 应用于 textarea 元素答案

【问题标题】：Applying JQuery UI css to a textarea element将 JQuery UI css 应用于 textarea 元素
【发布时间】：2010-05-09 08:16:13
【问题描述】：

我在大学使用 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 作为输入，我的意思是，我将圆角 textarea 作为输入文本，但字体大小和字体系列没有。

【问题讨论】：

【解决方案1】：

只需添加：

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

对于您的文本区域，它看起来像其他控件。

【讨论】：

【解决方案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; }

【讨论】：

【解决方案3】：

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

【讨论】：