У меня есть структура меню, которая выглядит следующим образом:
HTML:
<li>
<a href="#page">
<b>Recover Account</b>
</a>
</li>
CSS:
#nav ul li a
{
color: #889DBF;
display: block;
line-height: 22px;
padding-left: 20px;
text-decoration: none;
}
#nav ul li a b
{
display: block;
padding-right: 21px;
}
#nav ul li.current a
{
background: url('/images/nav-left.png') no-repeat;
color: #111B35;
}
#nav ul li.current a b
{
background: url('/images/nav-right.png') no-repeat 100% 0;
color: #111B35;
}
Я пытался много днейнайти кросс-браузерное решение для подавления стиля контура при щелчке, оставив его включенным с помощью навигации по вкладкам.
Ни одно из решений, написанных на следующих страницах, не работает для меня: http://people.opera.com/patrickl/experiments/keyboard/test http://haslayout.net/css-tuts/Removing-Dotted-Border-on-Clicked-Links
Кто-нибудь знает, как решить эту проблему?Любое решение (только CSS, JS, CSS + JS) приветствуется.Большое спасибо заранее!
[TL;DR]
Outline On Click -> DISABLED
Outline On Tab Navigation -> ENABLED
Any cross-browser solution? Thanks!