0

テキスト フィールドの幅を設定できません [CSS への初心者]
これは私のコードです

<div data-role="fieldcontain" >
<input type="text" name="postquestion" class="ps" value="" placeholder="What's Your Question..?"data-mini="true"/>
</div>

これは働いています

.ui-input-text{
    width:150px !important;
}

しかし、これはうまくいきません

.ps
{
width:150px !important;
}

理由はわかりません。たくさんグーグル検索しましたが、答えが得られませんでした。私を助けてください。

4

1 に答える 1

0

.ui-input-textフレームワークで定義されているものです。それを台無しにすると、幅が更新されます。

ただし、アプリケーション全体のテキスト ボックスの幅に影響します。また、jQuery MObile はカスタム スタイルを削除し、初期化時にそのスタイルを強制することも覚えておいてください。

フレームワークをハッキングせずにテキストボックスのサイズを変更するには、以下のようにインライン スタイルを実行できます。

<input type="text" id="postquestion" name="postquestion" class="ps" value="" placeholder="What's Your Question..?"data-mini="true" style="width:50px"/>

ここに作業フィドルがありますhttp://jsfiddle.net/UyFWM/

于 2013-03-07T06:34:56.110 に答える