6

無効になっている入力要素内のテキストを黒で表示しようとしています。これはほとんどのブラウザで機能します。

input[type="text"][disabled],
input[type="text"]:disabled {
  color: #000000;
}

ただし、Safari（バージョン6.0.2）では、テキストが少し明るくなります。私が最も困惑しているのは、ブラウザでテキストを選択し、コンソールで要素情報を検索すると、次のように明確に表示されることです。

rgba(0,0,0)

したがって、コードでは黒ですが、それでも黒以外でレンダリングされます。これはどのように可能ですか？

これはSafariのバグですか？

この件に関してご協力いただきありがとうございます。

4

2 に答える 2

0

これは確かに奇妙です。Safari は、無効なフィールドで正確な色の黒をグレーとして表示するようですが、他の色は従うようです。回避策として を設定することもできますがcolor: #000001、もちろん完全な黒ではなく、青みがかっています。

別のアプローチとして、フィールドが無効な状態に設定されているにもかかわらず、通常の黒色で表示する必要がある理由を検討してください。たとえば、通常のテキストで表示します (無効なフィールドを有効にすると、通常の入力フィールドに変わります)。

于 2013-01-27T14:55:30.680 に答える