Раздражающая синяя подсветка вокруг div после клика

Question

Раздражающая синяя подсветка вокруг div после клика

5

Когда я нажимаю кнопку вкладок, я оставил эту раздражающую синюю подсветку вокруг div... Я читал на других форумах, что я должен добавить следующее в divs с этой проблемой, но он не работает.

            .noSelect {
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -o-user-select: none;
                user-select: none;
            }

Вы можете посмотреть подробнее здесь http://omarhabash.com/nova/?page_id=28

Omar 20 авг. 2014, в 00:07

Источник

1

Пожалуйста, НЕ связывайтесь с внешними ресурсами, которые могут измениться. Это разрушает ценность вашего вопроса для других. См .: meta.stackoverflow.com/questions/125997/…
Diodeus - James MacFarlane 19 авг. 2014, в 21:25
2

@Diodeus Ну, в этом случае он включил изображение и некоторый код, а затем для дополнительной ссылки он добавил ссылку. Так что это намного лучше, чем просто включить ссылку.
Dan 19 авг. 2014, в 21:47

Теги:

html

css

html5

css3

2 ответа

6

Кажется, это контур. Это функциональность браузера по умолчанию для доступности. Вы можете изменить стиль, используя свойство outline.

Что-то вроде этого, например:

.class {
    outline:none;
}

Некоторые ресурсы:

Демо - версия:

Нажмите вкладку, и вы увидите схему, когда вы переходите по ссылке.

http://jsfiddle.net/gzmnbfem/

Демонстрационный снимок:

Нажмите вкладку, и вы не увидите набросков. Однако это не рекомендуется, поскольку он нарушает доступность.

http://jsfiddle.net/gzmnbfem/1/

Kris Hollenbeck 19 авг. 2014, в 22:25

Ещё вопросы

Пожалуйста, НЕ связывайтесь с внешними ресурсами, которые могут измениться. Это разрушает ценность вашего вопроса для других. См .: meta.stackoverflow.com/questions/125997/…
@Diodeus Ну, в этом случае он включил изображение и некоторый код, а затем для дополнительной ссылки он добавил ссылку. Так что это намного лучше, чем просто включить ссылку.

YOU · Accepted Answer · 2014-08-19T22-31-00.000Z

Добавьте это в свой файл css!

.btn-group-justified > .btn-group .btn {
    width: 100%;
    outline: none;
}

ОБНОВЛЕНИЕ: всегда используйте это каждый раз, чтобы избежать подобных проблем.

*:focus {
outline: 0;
outline: none;
}