2016-05-06 5 views
1

すべてのアンカータグをtext-decoration: noneに設定しました。また右クリックでテキストの装飾を作成します。下線

、私は(これは良いanswerのおかげで)

a, a:hover, a:active, a:visited { 
    text-decoration:none; 
} 

を言ってルールを持っていますが、いつでも、私は開くために、例えば、私が構築していますウェブサイト上のリンクをマウスで右クリックし、インスペクタ要素の場合、リンクはの下線付きになります。

あなたはその理由を知っていますか?

+2

あなたは[MCVE]私たちのために働くこととしてトラブルシューティングを追加することはできますか? – ochi

+1

これはあなたが提示した非常に未解決の問題です。具体的な問題があるかもしれません.. –

+0

'a、a:a:hover'を追加してみてください... http://www.westciv.com/style_master/hands_on_tutorial_sm /08.links.html – jbrya029

答えて

3

CSS specifity rulesのため、右クリックで下線を引く方法は問題ではありません。

質問はクリックの間にあなたのリンクに影響を与えていることは何ですか? (左または右→アクティブ)

その音から、 アンカーに影響を与える他のCSSルールがあります。 (問題は存在しない)以下

参照サンプルコード:

a { 
 
    text-decoration: none; 
 
} 
 
#wrapper a:active { 
 
    text-decoration: underline; 
 
}
<span id='wrapper'> 
 
    <a href="#">link</a> 
 
</span>

+1

私は、何が起こっていたのかは、左クリックでテキストに下線が引かれていないことですが、右クリックするだけで問題は起こっていると言わなければなりませんが、 。あなたの答えをありがとう、そこにいる他の人にとって有益なことがあります。 – viery365

+1

@ viery365の場合は、右クリックイベント中にCSSクラスまたはスタイルをJSまたはJQuery *のみで追加/削除するなど、よりニュアラントな問題になる可能性があります。私の最初のコメントで述べたように、[mcve]なしでトラブルシューティングするのは難しい – ochi

+1

はい、私はもちろん理解しています:)コードがなくても実際に見るのは難しいですが、ニュアンスの状況を説明してくれてありがとう。それは他の人にとっても役に立ちます。 – viery365

関連する問題