Удалите необходимую границу флажка в Firefox - PullRequest
Новая
       22

Удалите необходимую границу флажка в Firefox

1 голос
/ 28 апреля 2019

Если флажок required, Firefox применит к нему красную рамку, даже если форма еще не была отправлена. Как я могу удалить или предотвратить эту границу?

<input type='checkbox' required />

enter image description here

Я пытался применить следующие стили, ни один из которых не работал. 

input[type=checkbox]:invalid {
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
}

input[type=checkbox]:required {
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
}

Теперь у меня нет идей: /

1 Ответ

1 голос
/ 28 апреля 2019

Красная граница, которую вы видите, box-shadow. Вы можете установить его на none. 

input[type=checkbox]:invalid {
  box-shadow: none;
}

enter image description here

input[type=checkbox]:invalid {
  box-shadow: none;
}
<input type="checkbox" required>
...