Как удалить контур фокуса ссылки на расширении Chrome?

Question

Я сделал простое расширение Chrome со ссылками на некоторые частые закладки.Когда вы открываете его, он автоматически фокусируется на первой ссылке, которая является изображением логотипа вверху.

Я думаю, что это выглядит намного лучше без фокуса, и человеку, для которого я делаю расширение, не нужны функции доступности.

Я сослался на этот вопрос StackOverflow и попытался переписать его в CSS с помощью outline: none; и 'outline: none !important;.Я также попытался изменить цвет на другой оттенок или на прозрачный, используя outline-color: transparent;.Ни один из них не сработал.

Стоит отметить, что контур не отображается при просмотре HTML-документа в Chrome.Это происходит только тогда, когда оно загружено как расширение Chrome.

Вы можете увидеть мой код здесь: https://github.com/christinahouck/Daniels_Chrome_Extension

Answer 1

Вы можете просто использовать это:

a:active, a:focus {
   outline: 0;
   border: none;
   -moz-outline-style: none;
}