0

リンク***をクリックすると色が変わりますが、カーソルを合わせると色も変わります。

クリックすると色を変更するjavascript関数を取得しましたが、スタイルシートのホバーが機能しないようにするインラインCSSが必要です。

インラインCSSとCSSスタイルシートをキャンセルしないようにする方法はありますか？または、クリックしたときにホバーの色をキャンセルしないリンクの色を変更する別の方法はありますか？

*（これらのリンクは、javascriptを使用して非表示のdivを表示するために使用されています）

脚本：

function toggle_link(select){
var color = select.style.color;
select.style.color = (color == "white" ? "yellow" : "white");
}

html：

<div id="gdtitle">
<a class="port" href="#" onclick="toggle('gdhide');toggle_link(this);" style="color:white">Graphic Design</a>
</div>

cssスタイルシート

a.port{
text-decoration: none;
color: white;
}
a.port:hover{
text-decoration: none;
color: yellow;
}
4

2 に答える 2

4

インラインCSSをオーバーライドするために使用できます!important

さらに良いことに、動作を変更するだけでなくtoggle_link、要素にクラスを追加してスタイルを設定しますか？

于 2012-06-26T01:18:17.103 に答える
1

:linkで、、、:visitedおよび:active疑似クラスを使用し<a>ます。

CSS：

a.port, a.port:link, a.port:visited, a.port:active {
    text-decoration: none;
    color: white;
}
于 2012-06-26T01:17:09.203 に答える