jQuery jqTransform插件輸入寬度

Question

我使用jqTransform插件和我有問題，當我添加jqTransform插件我不能 chanage輸入寬度，如果我不使用插件一切都好。

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

#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秒。你可以通過編程來完成，但文檔本身說你應該改變他們的CSS。

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

他們呈現的HTML看起來是這樣的，因爲你可以看到你需要更改jqTransformInputWrapper如果你希望你的輸入放大：

<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庫在那裏像Twitter Bootstrap那樣以更加優雅和高效的方式完成這種類型的表單操作。

Answer 2

這對我很好。

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

.jqTransformSelectWrapper{ 
width:175px !important; 
}