2011-07-06 17 views
1

ブラウザの設定でテキストの色を上書きできるようにする必要があるサイトで作業しています。私がこれをやっているやり方は、CSSのテキストのカラー値を設定しないことです。私のテストでは、ブラウザとは異なる色でオーバーライドされるはずの入力と選択は、CSSカラーセットを持たない入力と選択が黒であることに気付きました。私はいくつかのスクリーンショット(すべてのテキストは青色でなければならない)をFirefoxの例として添付しましたが、IEでこの問題も見たことがあります。これは修正可能で、どのように入力を行うこととタグは、ブラウザの色を拾う選択した場合 ブラウザの設定で入力テキストの色が設定されていません

firefox color settings text input select input

は誰でも知っていますか?

+0

設定しないとわかる限りです。私はデフォルト値が "継承"と信じています。あなたは手動で色として "継承"を設定することができます – Alex

+0

コメントのおかげで、残念ながら動作しませんでした。 –

答えて

1

ネイティブフォーム要素(特に古いブラウザの場合)は、ページのCSSレベルとブラウザレベルの両方でスタイルが難しいことが知られています。 Internet Explorer(少なくともバージョン8以前)は、フォーム要素にネイティブOSのUI要素を使用し、オペレーティングシステム自体からデフォルトスタイルを取得します。

ページは、ネイティブフォーム要素の色を限られた範囲(ブラウザ内のユーザーレベルのCSSも同様)で上書きできます。

さらに制御したい場合は、ネイティブの選択ボックスにJavaScriptを使用することを検討してください。

しかし、あなたの質問に答えて、フォーム要素の色はシステム全体のOS設定になりそうです。 (Windowsでは、これはウィンドウクロムの色がコントロールされている場所と同じ場所でコントロールされています)。

関連する問題