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