3

http://jsfiddle.net/NUDDv/

HTML:

<div class="red">
    <input type="text" value="text" disabled="disabled">
    <select disabled>
        <option>aaa</option>
        <option>aaa</option>
    </select>
</div>
<div>
    <input type="text" value="text" disabled="disabled">
    <select disabled>
        <option>aaa</option>
        <option>aaa</option>
    </select>
</div>

CSS:

div.red input[type=text],
div.red select{
    color: red;
}
div.red input[type=text][disabled],
div.red select[disabled]{
    color: none;
}

赤い色を削除するためのcss無効入力に何を書き込むことができますか? 無効な入力は見栄えが悪いため、色を設定できません。これをCSSのみで設定したいと思います。

4

5 に答える 5

2

と呼ばれるものはありませんcolor:none;

div.red input[type=text][disabled],
div.red select[disabled]{
    color: black;
}

デフォルトの色に戻すには:

color:GrayText;

CSS システム カラー キーワード -リンク

CSS システム カラー キーワードは、CSS を使用してドキュメントのスタイルを設定し、顧客が使用している環境に統合する方法です。色を正確に指定するのではなく、システムで定義された色を使用するようにユーザー エージェントに指示します。

于 2013-02-17T09:19:36.463 に答える
1

物事をシンプルに保ちます。:not()擬似クラスを使用します。

デモを参照してください。

div.red input[type=text]:not([disabled]),
div.red select:not([disabled]){
    color: red;
}
于 2013-02-17T11:40:42.700 に答える
1

CSS で指定されたテキストの色を初期状態にリセットするために CSS のみを使用することは、クロスブラウザーでは不可能だと思います。red入力を無効にするときは、クラスを削除する必要があります。

それ以外の場合は、ブラウザ間で一定レベルの同等性を得るために、特定の無効状態をcolor強制できます。background-color

input[type=text][disabled],
select[disabled] {
    color: #545454 !important;
    background-color: #EBEBE4 !important;
}

ただし、フォーム要素に関連するその他のさまざまなデフォルト スタイルがあることに注意してください。物事がどこでもまったく同じに見えるとは期待できません。

jsfiddle

于 2013-02-17T09:36:20.110 に答える
1

color: noneは有効な色ではありません。16 進数、RGB、または任意の CSS 有効な色を使用します。テキストを非表示にする場合は、 を使用しますcolor: transparent;。

要素または無効のような状態の元の色に色を戻すには、 を使用できますcolor: initial;。ここを参照してください。

于 2013-02-17T09:16:59.727 に答える
0

jsfiddle の 3 番目の JavaScript 行で:

$('input[type=text], select').attr('disabled', 'disabled').css('color', 'grey');
于 2013-02-17T09:19:25.093 に答える