0

H さん、ブラウザの互換性の問題のデバッグは初めてです。

次の html セグメントがあります。

<div class="settings_content">
 ...
 ...

 <div class="field">
    <input name="name" maxlength="256" type="text" size="32" value="" class="noBdr" disabled="">
 </div>

入力フィールドに対応する CSS があります。

 .settings_content input
 {
    color: #505050;
 }

ブラウザ Chrome、IE10、IE9 では、その「input」タグで示されるテキストはすべて黒として正しくレンダリングされます。ただし、IE8 でテストすると、テキストは引き続き表示されますが、色はグレーに変わります。

これは CSS の問題ではなく、クロスブラウザーの問題だと思います。専門家は、どこでデバッグするかについてのヒントを教えてくれますか? ありがとう！

4

2 に答える 2

1

使ってみて!important

このような：

.settings_content input
 {
    color: #505050 !important;
 }

これで問題が解決するかもしれません...

また

次のようなインライン CSS を使用します。

<input /**********/ style="color: #505050 !important;" />

また

これにはいくつかのブラウザハックを使用してください...

于 2013-11-01T06:59:48.220 に答える