規格上、無効化されたリンク(アンカータグ)の標準色は何色ですか?
3 に答える
ページのデザイン次第だと思います。この点で標準と呼ばれるものはありません。ページに「赤」(oracle.com など) のリンクがある場合は、その色に基づいたものを指定する必要があります。
CSS で適切な色を定義します。
「無効化されたリンク (アンカー タグ)」が、属性a
を持つが何らかの理由で無効化された状態にある要素を意味するhref
場合、そのような要素は標準にも、標準のようなドラフトにも記述されていないため、標準はありません。リンクをたどる通常の方法を妨げるイベント ハンドラーを追加するなどして、リンクを無効にすることができますが、これは HTML や CSS の概念ではなく、(通常のリンクとは異なる) デフォルトのスタイル設定は推奨されていません。
a
それが属性を欠いている要素を意味する場合、href
(仕様またはブラウザーの慣例に従って) スタイリングではまったくリンクと見なされません。これは、デフォルトの色が通常の要素と同じであること、つまり親から色を継承していることを意味します。要素から要素へのチェーンに色設定がない場合body
、ブラウザーのデフォルトの色 (ほとんどが黒) が使用されます。
何を色に設定するか、「デザインの基準」を問うつもりなら、それはまったく別の質問であり、基本的に世論調査であるため、SO には適していません。
標準はありません。ページ全体のデザインと調和する必要があります。
私は色の濃さを弱めることを好みます。
たとえば、 color とのリンクがありますrgb(186,3,23)
。次に、それを変更してrgba
、リンクに不透明度を追加します。
したがって、私の例では、無効なリンクはrgba(186,3,23,0.5)
.
または、16 進数の色コードを使用する場合は、次を追加しopacity
ます。
/* Theoretically for IE 8 & 9 (more valid) */
/* ...but not required as filter works too */
/* should come BEFORE filter */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=50);
/* Older than Firefox 0.9 */
-moz-opacity:0.5;
/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0.5;
を使用しない場合opacity
は、通常のリンクの色よりも明るい色を使用してください。別の色の良い明るい色を見つけるには、カラー スキーム デザイナー 3を使用します。
したがって、16 進数の色コード#BA0317
の場合、明るいバージョンは次のようになります。#DD6573