將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來說，它看起來像其他控件。