Подсвечивание по умолчанию кнопок в Chrome

215

19 января 2018, 22:50

создал для тренировки вот такую страничку https://muturgan.github.io/accords/ на ней офигенно стилизовал кнопочки, в частности сделал исчезновение тени при нажатии .myButton:active {box-shadow: none;}

однако в Chrome (может еще где-то, тестировал только в Chrome и IE) эти эффекты совершенно не видны, т.к. при нажатии на кнопку она автоматичски подсвечивается голубой рамочкой. эта рамочка пропадает при нажатии на вторую кнопку, вторая соответственно подсвечивается.

подскажите пожалуйста, как убрать такое поведение браузера по умолчанию (а так же сходное поведение других браузеров).

Answer 1

Уберите outline у input

input {
    outline: none;
}

Answer 2

input:focus, 
input{ 
outline:none; 
}

<input type="submit" />

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как сделать такой слайдер?

Как сделать такой слайдер? Он растягивается на всю ширину экрана, активная картинка видна полностью, а те которые слева и справа видны не полностью

206

CSS

Проблема в z-index

Ребят не могу с z-index разобратьсяСлева при скролле ездит оранжевый блок, можно как-то сделать чтобы он был над слайдером, но в тоже время под...

227

CSS

Блокировка версии браузера

Вообщем такая проблема не могу не где найтиДопустим как сделать что бы пользователи ie8 или других браузеров определенных версий не могли...

235

CSS

В slick slider добавлять класс при событии draggable

Подскажите как реализовать чтобы при событии в слайдере draggable нужному блоку work-links добавлялся класс active, а сотальным удалялся, чтобы не как...

278