클래스가 난 내 텍스트 필드의 폭을 설정할 수 캔트 CSS를

Question

작동하지 않습니다 [CSS에 초보자]
이이

.ui-input-text{ 
    width:150px !important; 
} 

근무되지만 이것이

<div data-role="fieldcontain" > 
<input type="text" name="postquestion" class="ps" value="" placeholder="What's Your Question..?"data-mini="true"/> 
</div> 

내 코드입니다 작동하지 않았다

.ps 
{ 
width:150px !important; 
} 

나는 왜, 나는 googled 그러나 나는 나의 대답을 얻지 않았다. 도와주세요.

Answer 1

.ui-input-text은 프레임 워크에서 정의 된 것입니다. 그걸로 엉망이라면 폭을 업데이트 할거야.

하지만 응용 프로그램 전체에서 텍스트 상자의 너비에 영향을 미칩니다. 또한 jQuery MObile은 사용자 정의 스타일을 제거하고 초기화시 스타일을 강제 적용합니다.

프레임 워크를 해킹하지 않고 텍스트 상자 크기를 변경하려면 다음과 같이 인라인 스타일을 지정할 수 있습니다. 여기

<input type="text" id="postquestion" name="postquestion" class="ps" value="" placeholder="What's Your Question..?"data-mini="true" style="width:50px"/> 

가 workign 바이올린 http://jsfiddle.net/UyFWM/