2013-11-13 2 views
0

привет, я присоединяю часть моего кода css, содержащую часть меню.Как сделать границу в активном меню в меню навигации

#menuwrap { 
float:left; 
width:861px; 
height:50px; 
background:#ff284d; 
padding:0 0 0 120px; 
} 
ul.nav { 
list-style:none; 
float:left; 
font-family: 'Carrois Gothic SC', sans-serif; 
margin:21px 0 0 0; 
} 
ul.nav li{ 
list-style:none; 
float:left; 
font-family: 'Carrois Gothic SC', sans-serif; 
font-size:14px; 
text-transform:uppercase; 
font-weight:bold; 
color:#fff; 
padding-right:15px; 
} 
    ul.nav li a{ 
color:#fff; 
text-decoration:none; 

    } 

мне нужно, чтобы показать другой цвет окна, когда элемент щелкнул. где я должен изменить код?

Edit :: я просто нужно показать navigation.for, что угодно только стрелу или коробку или рамку или подчеркивание и т.д.

+0

Для этого вам понадобится Javascript, CSS не будет его обрезать – SW4

+0

Вы используете навигационное меню wordpress? Если это так, вы можете использовать класс css 'current-menu-item' #menuwrap .nav .current-menu-item', чтобы получить текущую страницу/активную страницу. –

+0

Я получил ответ с «ul.nav li.current-menu-tem {text-decoration: underline;}» – Zammuuz

ответ

0

Я считаю, что это WordPress. Ваш CSS будет выглядеть следующим образом (но мне нужен свой адрес, чтобы предоставить вам с правильным CSS - это просто грубый код):

ul.nav li.current-menu-item a{ 
    border: 1px solid red; /* this is your border */ 

} 

Класс .current-пункт меню добавляются к большинству WordPress temlates навигации меню по умолчанию, и это то, что мы используем для таргетинга на активные/выбранные меню.

Смежные вопросы