textarea 요소에 JQuery UI CSS 적용

Question

저는 University에서 웹 기반 개발을 위해 JQuery UI를 사용하고 있습니다. 내가 대화 상자에 넣어 몇 가지 형태를 가지고, 그래서

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

같은 요소를 가지고하지만

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

같은 일부 텍스트 영역 요소를 가지고 문제 : 텍스트 영역이하는 입력으로 CSS를 참가하는, 내 말은, 나는 입력 텍스트로 코너 라운더 텍스트 영역을 가지고 있지만 폰트 크기와 폰트 패밀리는 그렇지 않다는 것이다.

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

firebug로 jquery UI의 스타일을 무시하는 추가 스타일을 찾으십시오. 그것이 당신을 수 :)이 규칙이 정의 어디든지 가지고 있도록

는

Answer 3

단순히 ADDI 작성자 ng :

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

텍스트 영역에는 다른 컨트롤처럼 보입니다.