jQuery jqTransformプラグインの入力幅

Question

私はjqTransformプラグインを使用していますが、jqTransformプラグインを追加すると問題が発生します。 プラグインを使用しない場合は、入力幅が問題ありません。

HTML

<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あなたはdiv Sを編集する必要がありますので

#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秒で包まれています。プログラム的に行うことはできますが、ドキュメント自体には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; 
}