2

HTML/CSS/JavaScript は、システム テーマの色を表す定数を定義していますか? ユーザーがオペレーティング システム (またはブラウザー) のコントロール パネルで定義できる色を意味します。標準のウィンドウ コンテンツの背景やテキストの色などと同様です。

デフォルトでユーザーの好みを尊重する Web サイトを作成し、ユーザーが自分のシステムでそのようなテーマを使用する場合に備えて、暗い背景に明るいテキストを表示する (余分な構成を導入することを避けることでオッカムのカミソリの原則に従いながら) という考えです。

4

2 に答える 2

6

はい、できます。

firebug を開いて color : ActiveBorder などの css 宣言を変更するか、webdesign.about.com/od/colorcharts/l/blsystemcolors.htm を参照するか、ネットで「css システム カラー」を検索します。

  • ActiveBorder : アクティブなウィンドウ境界。
  • ActiveCaption : アクティブなウィンドウ キャプション。
  • 複数のドキュメント インターフェイスの背景色。
  • 背景 デスクトップの背景。
  • ButtonFace 3 次元表示要素の面の色。
  • ButtonHighlight 3 次元表示要素の暗い影 (光源とは反対側のエッジ)。
  • ButtonShadow 3 次元表示要素の影の色。
  • ButtonText プッシュ ボタンのテキスト。
  • CaptionText キャプション、サイズ ボックス、スクロールバーの矢印ボックスのテキスト。
  • GrayText グレー表示 (無効) のテキスト。現在のディスプレイ ドライバが単色のグレーをサポートしていない場合、この色は #000 に設定されます。
  • コントロールで選択された項目を強調表示します。
  • HighlightText コントロールで選択された項目のテキスト。
  • InactiveBorder 非アクティブなウィンドウ境界。
  • InactiveCaption 非アクティブなウィンドウ キャプション。
  • InactiveCaptionText 非アクティブなキャプションのテキストの色。
  • InfoBackground ツールヒント コントロールの背景色。
  • InfoText ツールヒント コントロールのテキストの色。
  • メニュー メニューの背景。
  • MenuText メニューのテキスト。
  • スクロールバー スクロールバーの灰色の領域。
  • ThreeDDarkShadow 3 次元表示要素の暗い影。
  • ThreeDface 3 次元表示要素の面の色。
  • ThreeDHighlight 3 次元表示要素のハイライト色。
  • ThreeDLightShadow 3 次元表示要素 (光源に面するエッジ) のライトの色。
  • ThreeDShadow 3 次元表示要素の暗い影。
  • ウィンドウ ウィンドウの背景。
  • WindowFrame ウィンドウ フレーム。
  • WindowText ウィンドウ内のテキスト。

システムカラーについてunor によって提案されたより良いリファレンスについて

于 2013-02-20T20:17:36.660 に答える
1

CSS 2.1は「 System Colors 」を指定します:

テキストや背景などに事前定義された色の値を割り当てることができることに加えて、CSS2 では名前付きの色の値のセットが導入されました。これにより、作成者はオペレーティング システムのグラフィック環境に色を統合する方法で色を指定できます。

例：

段落の前景色と背景色をユーザーのウィンドウと同じ前景色と背景色に設定するには、次のように記述します。

p { color: WindowText; background-color: Window }

CSS カラー モジュール レベル 3では、「CSS3 UI '<code>appearance' プロパティを優先して」、これらのシステム カラーは非推奨です。しかし、これも削除されたようです (古いドラフトでまだ見つけることができます)。

于 2013-02-20T20:24:39.800 に答える