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

#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

您的输入被包装在CSS中，所以您必须编辑div%s。您可以通过编程方式完成此操作，但文档本身说明您应该更改它们的CSS。

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

他们呈现的超文本标记语言看起来像这样，你可以看到，如果你想放大你的输入，你需要改变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;
 }