0

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

2 に答える 2

2

入力は s でラップされてdivいるため、s を編集する必要があります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>

余談ですが、Twitter Bootstrapのように、この種のフォーム操作をはるかに洗練された効率的な方法で実現する優れた CSS ライブラリがいくつかあります。

于 2012-04-19T20:56:07.087 に答える
0

これは私にとってはうまくいきます。

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

 .jqTransformSelectWrapper{
 width:175px !important;
 }
于 2013-08-07T14:08:20.990 に答える