fix(form): checkbox & radio not rendered properly on old safari & chrome

This commit is contained in:
Colin Darie 2022-11-14 10:10:29 +01:00
parent a208b2e122
commit 2359360c15

View file

@ -13,16 +13,23 @@ select {
font-weight: bold;
}
// fix firefox < 80 not supporting "appearance: auto" on inputs
// Fix firefox < 80, Safari < 15.4, Chrome < 83 not supporting "appearance: auto" on inputs
// This rule was set by DSFR for DSFR design, but broke our legacy forms.
// scss-lint:disable DuplicateProperty
input[type="checkbox"] {
-moz-appearance: checkbox;
-moz-appearance: auto;
-webkit-appearance: checkbox;
-webkit-appearance: auto;
}
input[type="radio"] {
-moz-appearance: radio;
-moz-appearance: auto;
-webkit-appearance: radio;
-webkit-appearance: auto;
}
// scss-lint:enable DuplicateProperty