スタイルシートでマウスオーバーについて

質問

<A href="link.htm" onMouseover="this.style.color='red';a.src='r.gif' ;return true;" onMouseout="a.src='w.gif';this.style.color='lightcoral';" target="_blank">
<IMG SRC="w.gif" border="0" name="a"><font size="5">リンク</font></A>

マウスを乗せる前に、フォントの色をリンクする前もした後もlightcoralにしたいのですが、
他の文字はリンク前リンク後を黒のままにしたいんです。
<font size="5" color="lightcoral">と記述すると、マウスを乗せても色が変わらなくなるので、どうしようかなと思っています。
よろしくおねがいします。

回答No.3

duckling · ベストアンサー

# 2 です。

よく見たら、文字色が変わらなくなっちゃうんですね。

<A href="link.htm" style="color:lightcoral;" onMouseover="this.style.color='red';a.src='r.gif' ;return true;" onMouseout="a.src='w.gif';this.style.color='lightcoral';" target="_blank">
<IMG SRC="w.gif" border="0" name="a"><font size="5">リンク</font></A>

こっちなら大丈夫です。

# a に style="color:lightcoral;"　を追加。

お礼

できました！天才だ！！やったー！
本当にありがとうございました。

回答No.2

duckling

font の指定は、a href の内側に置きます。

<A href="link.htm" onMouseover="this.style.color='red';a.src='r.gif' ;return true;" onMouseout="a.src='w.gif';this.style.color='lightcoral';" target="_blank">
<IMG SRC="w.gif" border="0" name="a"><font color="lightcoral" size="5">リンク</font></A>

回答No.1

noname#5841

<font size="5" color="lightcoral"><A href="link.htm" onMouseover="this.style.color='red';a.src='r.gif' ;return true;" onMouseout="a.src='w.gif';this.style.color='lightcoral';" target="_blank">
<IMG SRC="w.gif" border="0" name="a">リンク</font></A>

で。どでしょ。

補足

ありがとうございます。
やってみましたが、やっぱりカーソルを乗せる前は普通のリンク色でした～（涙）
やっぱり無理なんでしょうか・・・