Есть выпадающее меню, когда мы наводим мышкой на элемент срабатывает атрибут :hover, когда кликаем по элементу выпадающего списка срабатывает :focus. НО в :focus я прописываю border: none, но всё равно при клике как на кнопку выпадающего меню так и на один из пунктов списка я вижу синюю рамку:
Я уже и прописал в стилях везде где только можно border:none;
.dropdown-menu li a:focus{
background: transparent ;
color: red ;
}
.dropdown-menu li :focus{
background: transparent ;
color: red ;
border: none;
}
.dropdown-menu :focus{
background: transparent ;
color: red ;
border: none;
}
Цвет при нажатии меняется на красный, а граница не пропадает :D