Цвет флажка темнеет при наведении

Question

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

      input[type="checkbox"] {
  accent-color: var(--red);
}

Я пытался использовать псевдо-селектор :hover, но он все еще затемняет его.

Answer 1

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

      input[type=checkbox]:hover{ filter: brightness(1.5); }