Выбор HTML в фокусе больше не показывает стили браузера по умолчанию, как вернуть их?

avatar
CommonSenseCode
8 апреля 2018 в 10:46
33
1
0

У меня есть этот элемент выбора, который я разместил в следующих стилях:

  select {
    background: none;
    outline: none;
    border: none;
  }

Теперь, когда он сфокусирован, он больше не отображает фокус браузера по умолчанию, я знаю, что могу использовать псевдокласс :focus для добавления пользовательских стилей, но я просто хочу, чтобы он имел стиль браузера по умолчанию, как этого добиться?

Источник
Temani Afif
8 апреля 2018 в 10:51
0

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

CBroe
8 апреля 2018 в 11:00
0

Может быть, вы просто хотите использовать select:not(:focus) ...?

Ответы (1)

avatar
D. Pardal
8 апреля 2018 в 10:53
1

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

Вы можете использовать специфичные для браузера свойства CSS, такие как -webkit-focus-ring (chrome), чтобы они снова отображались.

CommonSenseCode
8 апреля 2018 в 10:55
0

это атрибут или значение?

D. Pardal
8 апреля 2018 в 10:57
0

Это свойство CSS. (Не значение)

D. Pardal
8 апреля 2018 в 11:00
0

Ой, извини. Я не могу, я использую Firefox. Но взгляните на Google о специфичном для браузера CSS.