2015-09-01 2 views
0

У меня есть ссылки на моей странице, которые являются внутренними, например:Удалить рамку в странице ссылку

/page#h1 
/page#h2 

При нажатии на одну из этих ссылок, в Chrome вы видите синюю рамку вокруг ссылки, как следующим образом:

enter image description here

дополнительное пространство граница окружает над текстом вызывается правилом:

.jumpTarget:before { 
    content:""; 
    display:block; 
    height:90px; 
    margin:-90px 0 0; 
} 

Что компенсирует горизонтальное меню с фиксированным положением.

Как удалить эту синюю границу? Я попытался селектор CSS :target указать красную границу, но это дает мне:

enter image description here

ответ

1

Вы должны использовать правило .jumpTarget:active {outline:none;}

+0

стиль не исправить проблемы в Chrome, однако с селектором ': target' он работает :) Если вы обновите свой ответ, я соглашусь. –

+0

Можете ли вы создать скрипку –

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