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; 
}