CSSの入力テキストボックスの読み取り専用で背景色が設定されていない

機能を追加する必要がある古いClassic ASPフォームがあり、IE11を使用しています。このサイト上の他のページが示唆するようCSSの入力テキストボックスの読み取り専用で背景色が設定されていない

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

：

<!DOCTYPE html>

そして、私のCSSファイルに追加：私は次のように（私はなぜか、それが必要な場合は確認していないもの）DOCTYPEを挿入することにしました読み取り専用のテキストボックスの背景色を変更することはできますが、色は変更されません。それが機能しない理由

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

任意のアイデア：

私のHTMLは次のように宣言されています。私はそれが潜在的にそれを上書きすることができることを見ることができる他のスタイリングが適用されていません。問題を明確にするために投稿する必要があるものはありますか？何か明るい色に背景色を変更するには

試してみてください。

出典

2016-04-18 Glen

あなたはこのリンクをチェックしましたか？http：//stackoverflow.com/questions/13739355/why-readonly-not-worked-in-ie-8-and-ie-9 –

いいえ私は今までこのページを見ていませんはい、このサイトの他のページは、いずれかの方法で宣言してください、それは動作するはずです。私もすべてのバリエーションを試して、違いはありません - 私のために働いていない！私は身体障害者を使用したくありません。 – Glen

html5shivを追加してjsに応答してみましたか？ –

私はjsのフィドルを作成して、それが働いている、以下のリンクを参照してください。

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

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

https://jsfiddle.net/nu2a4jbv/1/

出典

2016-04-18 05:22:09 satya

あなたの回答をありがとうございます。あなたの作品は素晴らしいですが、私はそうではありません。私はなぜ私のために働いていないのか、何か考えを見つけるためにどこに提案をしたいですか？ – Glen

バックフラウンド色に使用している色が非常に明るいため、赤などの明るい色で試しましたが、バックグラウンド色が適用されているかどうかに違いはありません。 – satya

もちろん、私は赤といくつかの他の色を試しました。はい、フィドルやW3Schoolでは動作しますが、イントラネットのWebサイトでは動作しません。答えはもっと深い – Glen

私はあなたがここに

https://css-tricks.com/almanac/selectors/r/read-write-read/

注意探しているものを見つけるだろうと思う：IEだから、読み取り専用の入力に対して

出典

2016-04-18 05:26:58

私は[Ismail Farooq]に言ったように私はこの記事を読んでくれました。ダミーページの入力[readonly] {}スタイルを使って動作させることができました。この時点では "a"に近い。 – Glen

を変更する背景色をサポートしていない可能性Readonlyが完全にサポートされていないと言っている多くのWebサイトがあります。IEによって次のリンクを参照してくださいw3schools、MDN、css-tricks。したがって、JavaScript/JQueryソリューションを移動する必要があります。これはあなたを助けるかもしれ例

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

については

。 Fiddle

出典

2016-04-18 10:26:20

私はもう一度試してみたが、まだ結果は得られていないと確信している。私はちょうどそれが壊れるまで私のダミーのページに私の注文ページから私のコードの少しずつ追加する必要があります – Glen

http://www.w3schools.com/cssref/sel_read-only.asp今私はieが完全にサポートしていないと思うおそらく –

今ok私はjavascriptの解決策があるかもしれないこれは私の答えを更新するつもりですあなたに役立つかもしれない –

現在のCSSが現在のCSSを上書きすることがあります。 'background-color'を使用してください： '＃f6f6f6'！important;その仕事かもしれない。

出典

2016-04-19 05:29:31 krishna

CSSの入力テキストボックスの読み取り専用で背景色が設定されていない

答えて

関連する問題