html - 背景色を設定するCSS入力テキストボックス読み取り専用が機能しない

Question

機能を追加する必要がある古いクラシック ASP フォームがあり、IE11 を使用しています。次のようにDoctypeを挿入することにしました（なぜ必要なのか、必要なのかはわかりません）：

<!DOCTYPE html>

そして私のCSSファイルに追加しました：

input[readonly] {
    background-color: #f6f6f6;
}

このサイトの他のページでは、読み取り専用テキストボックスの背景色を変更するよう提案されていますが、色は変更されていません。

私のHTMLは次のように宣言されています：

<input type="TEXT" readonly name="ORDERNO" value="<%=OrderNo%>" style="width:177px">

機能しない理由についてのアイデア。それを上書きする可能性があると私が見ることができる他のスタイリングは適用されていません。問題を明確にするために投稿する必要があるものは他にありますか?

score 6 · Accepted Answer

JSFiddle を作成しましたが、動作しています。以下のリンクを参照してください。

背景色を明るい色に変更してみてください。

<input type="TEXT" readonly name="ORDERNO" value="<%=OrderNo%>" style="width:177px"

input[readonly] {
    background-color: red;
}

score 2 · Accepted Answer

ここで探しているものが見つかると思います

注: IE は、読み取り専用入力の背景色の変更をサポートしていない場合があります

score 1 · Accepted Answer

そのため、IE では読み取り専用が完全にはサポートされていないと言っている Web サイトが多数あります。次のリンクw3schools、MDN、css-tricksを参照してください。そのため、JavaScript / JQuery ソリューションを移行する必要があります。

例えば

$(':input[readonly]').css({'background-color':'#f6f6f6'});

これがあなたを助けますように。フィドル

score 0 · Accepted Answer

既存の CSS が現在の CSS を上書きする可能性があります。'background-color':'#f6f6f6' を使用してください。その仕業かもしれません。

4 に答える 4