0

私はこのようなcssクラスを持っています:

.new-fld input[type="text"]{width:418px !important; margin-bottom:0px !important; height:18px !important; background-color:transparent !important; color:#FFF !important; border-bottom:1px solid #FFF; border-left:none !important; border-right:none !important; border-top:none !important; font-size:14px; /*padding:0 8px;*/}

ページ上のすべての入力フィールドに適用されます。

一部のフィールドの長さを変えたいので、このような別のクラスを作成しました

 .new-fld input[type="text"]{width:45px !important; margin-bottom:0px !important; height:18px !important; background-color:transparent !important; color:#FFF !important; border-bottom:1px solid #FFF; border-left:none !important; border-right:none !important; border-top:none !important; font-size:14px; /*padding:0 8px;*/}

そして、このように適用しました

   <div class="new-fld">
                                        <input type="text" value="+44 1793 853219" name="">
                                          <input type="text" value="+ 44" readonly="readonly" name="Dialprefix1" id="Dialprefix1" class="dialprefix" style="text-align:right;width:45px;">

                                        <span>*</span>                                        
                                        </div>

ご覧のとおり、テキスト ボックス スタイルで幅を入力しましたが、まだ機能していません。

しかし、それは機能していません。良い解決策を教えてください。

4

3 に答える 3

0

使用する

 <input type="text" value="+ 44" readonly="readonly" name="Dialprefix1" id="Dialprefix1" class="dialprefix" style="text-align:right" size='10' />

結果を確認します。

OK、これで問題は解決します（ただし、すべてのスタイルに！importantを追加する正当な理由があったと思います）：

<input type="text" value="+ 44" readonly="readonly" name="Dialprefix1" id="Dialprefix1" class="dialprefix" style="text-align:right;width:45px !important;">
于 2013-02-23T18:46:21.227 に答える
0

.new-fld input[type="text"]{width:418px !重要;

**

.new-fld input[type="text"]{width:45px !重要;

**

同じ名前のクラスが 2 つあります。別の名前を付ける必要があります。

于 2013-02-23T18:46:56.287 に答える
0

個々の要素に異なるプロパティを単純に宣言していない理由がわかりませんか? あなたの説明と選択された回答では、含まれているdivのプロパティを設定するために選択された方法のようです?

別名:

.new-fld
{
    property:value;
}

私の解決策：

各入力要素に独自の ID/クラスを与えないでください。あなたの例では、2 番目のテキスト ボックスに次の識別子を指定しています: id="Dialprefix1", class="dialprefix"

したがって、次のようにプロパティを設定できます。

#Dialprefix1
{
    size:22px; /* Change value (Width of box) */
    maxlength:22px; /* Change value (Max Accepted amount of chars in textbox) */
}

または、クラス宣言を介してプロパティを割り当てます。

.dialprefix
{
    size:22px; /* " " */
    maxlength:22px; /* " " */
}

入力フィールドに割り当てることができるさまざまなプロパティの詳細については、を参照してください。 http://www.w3schools.com/tags/tag_input.asp

注: "." のプレフィックス in CSS は、クラスを参照していることをパーサーに伝えますが、「#」プレフィックスはその特定の HTML 要素の ID を参照します。

于 2014-06-16T09:08:12.133 に答える