[CSS] Forced to re-add webkit mask image prefix for checkbox styling
This commit is contained in:
parent
3b8a3e953d
commit
a4f18b937e
@ -171,6 +171,8 @@ embed header {
|
||||
.button-container:focus,
|
||||
.button-container:hover {
|
||||
border: none !important;
|
||||
mask-repeat: no-repeat !important;
|
||||
mask-size: cover !important;
|
||||
opacity: 1;
|
||||
background-color: var(--accent);
|
||||
}
|
||||
|
@ -40,11 +40,13 @@ input[type=radio] {
|
||||
input[type=checkbox] {
|
||||
background-size: 100%;
|
||||
margin-right: 2px;
|
||||
-webkit-mask-image: url("../../icons/check-off.svg") !important;
|
||||
-o-mask-image: url("../../icons/check-off.svg") !important;
|
||||
-moz-mask-image: url("../../icons/check-off.svg") !important;
|
||||
mask-image: url("../../icons/check-off.svg") !important;
|
||||
}
|
||||
input[type=checkbox]:checked {
|
||||
-webkit-mask-image: url("../../icons/check-on.svg") !important;
|
||||
-o-mask-image: url("../../icons/check-on.svg") !important;
|
||||
-moz-mask-image: url("../../icons/check-on.svg") !important;
|
||||
mask-image: url("../../icons/check-on.svg") !important;
|
||||
|
Loading…
Reference in New Issue
Block a user