jQuery
Little bit of
jQuery would do this trick. We are adding a class ('
selected
') dynamically on click of Tab.
$(document).ready(function () {
$('#menu ul li a').click(function (ev) {
$('#menu ul li').removeClass('selected');
$(ev.currentTarget).parent('li').addClass('selected');
});
});
CSS
#menu ul li.selected {
background: #910000;
color:#FFFFFF;
}
Demo
[Demo] Change Background Color of Tab on Tab Click[
^]