jQuery jqTransform 플러그인 입력 너비

Question

jqTransform 플러그인을 사용할 때 jqTransform 플러그인을 추가 할 때 문제가 발생합니다. 플러그인을 사용하지 않으면 chanage 입력 너비가 모두 맞습니다.

HTML 당신이 div의를 편집해야하므로

#content form .field { float: left; width: 534px; height: auto; overflow: hidden; margin: 0 0 11px 0; } 
#content form .field input[type="text"] { width: 1000px; } 
#content form .field textarea { width: 524px; height: 105px; } 
#content form .field-submit { text-align: right; } 
#content .form-done { margin: 0 0 15px 0; color: #5f2d82; } 

Answer 1

귀하의 입력이 div들에 싸여되고있다

<div id="content"> 
    <form class="jqtransform"> 
     <div class="label">Vardas Pavarde<span class="z">*</span>:</div> 
     <div class="field"><input type="text" value="Vardenis Pavardelevicius" /></div> 
     <div class="clear"></div> 
     <div class="label">&nbsp;</div> 
     <div class="field-submit field"><input type="submit" value="Siusti" /></div> 
     <div class="clear"></div> 
    </form>      
</div> 

CSS. 프로그래밍 방식으로도 할 수 있지만 문서 자체에서 CSS를 변경해야한다고 말합니다. 여담으로

<div class="rowElem"> 
    <label for="inputtext"">Input Text:</label> 
    <div class="jqTransformInputWrapper jqTransformSafari" style="width: 210px; "> 
     <div class="jqTransformInputInner"> 
      <div> 
       <input type="text" name="inputtext" class="jqtranformdone jqTransformInput" style="width: 226px; "> 
      </div> 
     </div> 
    </div> 
</div> 

,이 멋진 CSS 라이브러리 :

http://www.dfc-e.com/sites/theme/jscripts/vendors/jqtransformplugin/jqtransform.css

이들의 렌더링 된 HTML은 당신이 당신의 입력이 확대하려는 경우 jqTransformInputWrapper을 변경해야 볼 수 있듯이, 다음과 같습니다 거기 밖으로 더 많은 우아하고 효율적인 방식으로 양식 조작 의이 유형을 수행 Twitter Bootstrap처럼.

Answer 2

나를 위해 잘 작동합니다.

.jqTransformSelectWrapper ul{ 
font-size:10px !important; 
    width:175px !important;} 

.jqTransformSelectWrapper{ 
width:175px !important; 
}