Как я могу "отменить" контур: нет; без удаления правила? - PullRequest
Новая
       6

Как я могу "отменить" контур: нет; без удаления правила?

0 голосов
/ 16 мая 2018

Я работаю с темой WordPress, которая применила outline:none; к нескольким элементам для их состояния :focus.Мне нужно отрицать это без изменения файлов родительской темы, но, похоже, ничего не работает.

Вот что я пробовал: 

*:focus { outline: inherit !important; }
*:focus { outline: initial !important; }
a, a:focus { outline: inherit !important; }
a, a:focus { outline: initial !important; }

Я действительно хочу просто сбросить его напо умолчанию, но единственная вещь, которая до сих пор имела какой-либо результат: 

*:focus { border: 3px solid red !important; }

Но я действительно не хочу устанавливать стили вручную, просто позволяю браузерам делать свое дело.

1 Ответ

0 голосов
/ 16 мая 2018

Я согласен с комментарием @ soulshined об использовании класса вместо этого, но значение, которое вы ищете, равно auto.

Фрагмент (вручную сфокусируйте его в инструментах разработчика) 

a:focus {
  outline: 0;
}

#withOutline:focus {
  outline: auto;
}
<a href="javascript:void(0)">A bunch of text</a>
<a href="javascript:void(0)">A bunch of text</a>
<a href="javascript:void(0)">A bunch of text</a>
<a href="javascript:void(0)">A bunch of text</a>
<a id="withOutline" href="javascript:void(0)">A bunch of text</a>
...