2017-02-19 9 views
0

マウスをハイパーリンク上に置くと色が変わるようにしたいと思っています。それが黒のままであるので、テキストがハイパーリンクであることが分かりません。ここでハイパーリンクの色はHTMLで

はHTMLコードです:

 
&lth4 style="text-align: left;">&lta href="hyperlink" target="_blank">&ltspan style="color: #000000;">The making of #bobthebrewbus</span></a></h4> 

答えて

0

あなたは、以下のCSSを追加することができますアンカーが時に推移したときに何が起こるか:hoverガイド

h4 a:hover span { 
    color: red !important; // Change the color to your preference. 
} 

を。私は!importantを追加して、span要素のインラインCSSを上書きできるようにしました。インラインCSSを外部CSSに移動する場合、!important宣言は必要ありません。

+0

私はワードプレスのサイト上で作業し、それが唯一のHTMLにある編集するテキストにひっくり返しますよ。 CSSに変更したり、これをHTMLに変換してコードに追加する方法はありますか? –

+0

文書にスタイルタグでCSSを記述する必要があります。擬似クラス(:hoverなど)は、要素を参照することはありませんが、スタイルシート規則の条件を満たす任意の要素を参照しません。 – ankitjain11

0

<style type="text/css"> 
 
<!-- 
 
a:link {color: #000000; text-decoration: underline; } 
 
a:active {color: #0000ff; text-decoration: underline; } 
 
a:visited {color: #008000; text-decoration: underline; } 
 
a:hover {color: #ff0000; text-decoration: none; } 
 
--> 
 
</style>

0

a:hover {color: red;} 
 
    a { color: black; text-decoration: none;}
<h4 style="text-align: left;"><a href="hyperlink" target="_blank">The making of #bobthebrewbus</a></h4>

関連する問題