web-dev-qa-db-ja.com

webkit-any-linkはオーバーライドできません

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

このCSSを上書きすることはできません。私はこの投稿を試しました 関連するすべてのCSSを無効にしたにもかかわらず、サイトのリンクの下に青い線が表示されますか？ たくさん試しました。それでも動作しません。ユーザーエージェントのスタイルシートを変更するために、すべてのマシンを変更したくありません。助けてください。

htmlcssbrowser
11
dev

あなたがそのスタイリングを言っているなら

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

何らかの方法で自動的に設定されており、それをオーバーライドしたい場合は、CSSでアンカースタイルを設定することから始めます。

a, a:link, a:visited, a:focus, a:hover, a:active{
  color:olive;
  text-decoration:none; 
  cursor: crosshair;
}

これが何らかの理由で機能しない場合は、セレクタを追加して、ルールの specificity を増やします。たとえば、

body a{
   ...
}

それでも解決しない場合は、恐ろしい！

color:olive !important;

このライブを見る： https://jsfiddle.net/panchroma/z7mkvbeu/

幸運を！

13
David Taiaroa

すべてのコードが正しい場合、Davidが警告した特異性はルールを上書きするための鍵です。あなたのコードを見ていないと、これがあなたに当てはまるかどうかわかりませんが、他のコーダーがここに着陸するには、ルールを再確認してください。 veryルールにタイプミスがある可能性が高いため、ルールが認識されず、デフォルトが適用されます。

0
isacvale

プロパティを設定することでオーバーライドできます

:any-link { color: green }
:any-link:active { color: orange }
0
Branny