fix(form): checkbox & radio not rendered properly on old safari & chrome
This commit is contained in:
parent
a208b2e122
commit
2359360c15
1 changed files with 8 additions and 1 deletions
|
@ -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
|
||||
|
||||
|
|
Loading…
Reference in a new issue