:focus для <a>

bot87 · September 9, 2011

К элементам, которые могут получить фокус (<a>, <input>, <select> и <textarea>)

решил проверить с ссЫлкой

смотрю в хроме

<html>
<body>
<style type="text/css">
a:focus{
	background:red;
border:1px solid blue;
}

</style>
<a href="#">oncz</a>
</body>
</html>

цвет ссылки меняется при щелчке на красный на секунду а нужен фон

Vlad · September 9, 2011

a:active{
 background:red;
 border:1px solid blue;
}

bot87 · September 9, 2011

ну это я знаю!!просто у вас на http://htmlbook.ru/css/focus написано Применяется К тегу A!знач не применяется?

Softlink · September 9, 2011

Vlad, тут косяк именно с фокусом. Он не работает нормально для ссылок. Раньше я опытным путем нашел выход в виде добавления tabindex к ссылке.

Вот так вроде все должно работать.

a:focus{

        background:red;
border:1px solid blue;
<a href="#" tabindex="1">oncz</a>
}

bot87 · September 9, 2011

красавчик!!

Vlad · September 9, 2011

Пропустил, что в Хроме баг.

Question