Держите активный пункт меню выделенным

Question

Держите активный пункт меню выделенным

0

Как я могу сделать так, чтобы элемент, нажатый в меню, остается синим. Таким образом, в основном активный элемент меню.

Я пробовал использовать css active, но я думал, что мне нужен javascript или что-то в этом роде.

 #cssmenu > ul li > a:active, #cssmenu > ul li:active > a {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    background: #54cdf1;
    background: -webkit-linear-gradient(#72d4f2, #54cdf1);
    background: -moz-linear-gradient(#72d4f2, #54cdf1);
    background: linear-gradient(#72d4f2, #54cdf1);
    border-color: transparent;
}

user1938745 03 окт. 2013, в 20:49

Источник

Теги:

javascript

jquery

css

1 ответ

Ещё вопросы

Orlando · Accepted Answer · 2013-10-03T17-04-00.000Z

Для этого вам понадобится JS.

$(document).ready(function() {
    $("#cssmenu li").on("click", function() {
        $("#cssmenu li").removeClass("active");
        $(this).addClass("active");
    });
});

Затем просто #cssmenu li.active так, как вы хотите, в свой CSS.

+1: особенно если приложение должно поддерживать старые браузеры.