0

.cshtml

<li>@Html.ActionLink("Tools", "Index", new { Area = "", Controller = "Tools" })</li>

.css

a:active
{
    font-weight: bold;
    background: #F96611;
    border: 3px solid #FFB380;
}

a：activeは、マウスクリックを押してから離すまでの間のみ機能します。しかし、メニューをマウスでクリックした後、メニューを強調表示する必要があります。ありがとう

4

4 に答える 4

1

css に追加することはできません。.active はクリックのみに適用され、アクティブ状態には適用されません。以下のjqueryコードを使用して、クリック時にクラスを追加できます

$('li').click(function() {
  $(this).addClass('youractiveclass'); 
})
于 2012-08-29T09:24:51.360 に答える
0

メニューをマウスでクリックすると、「アクセス済み」になります。これをcssに追加する必要があります。

a:visited
{
    font-weight: bold;
    background: #F96611;
    border: 3px solid #FFB380;
}

また、 a.hoverとa.linkに対しても実行できます。

于 2012-08-29T09:28:53.007 に答える
0

アクティブ状態は、リンク上でマウス ボタンを押している間だけ機能します。それが本来あるべき姿です。

このフィドルを確認して理解してください: http://jsfiddle.net/8fqGp/

メニュー項目を永続的に強調表示する場合は、Sowmya または Cupidvogel の回答に従う必要があります。

于 2012-08-29T10:46:40.633 に答える
0

これは CSS で可能です ( を使用visited)。CSSactive疑似クラスは、クリックの間のみ適用され、その後は適用されません。永続的な効果が必要な場合はvisited、JavaScript またはそれ以上の Javascript を使用してください。JavaScript を使用して、別のクリックでスタイルを追加または削除するようにカスタマイズすることもできます。

$("#menu").click(function() {
  $(this).toggleClass('highlightclass');
});
于 2012-08-29T09:29:11.413 に答える