Hide native inputs on Safari for iOS
This commit is contained in:
parent
e18ff8debb
commit
3f2fa42b93
2 changed files with 2 additions and 6 deletions
|
@ -23,9 +23,7 @@ limitations under the License.
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
input[type='checkbox'] {
|
input[type='checkbox'] {
|
||||||
appearance: none;
|
display: none;
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
&:checked + div {
|
&:checked + div {
|
||||||
background: $foreground;
|
background: $foreground;
|
||||||
|
|
|
@ -21,9 +21,7 @@ limitations under the License.
|
||||||
|
|
||||||
> input[type='checkbox'] {
|
> input[type='checkbox'] {
|
||||||
// Remove the OS's representation
|
// Remove the OS's representation
|
||||||
margin: 0;
|
display: none;
|
||||||
padding: 0;
|
|
||||||
appearance: none;
|
|
||||||
|
|
||||||
&.focus-visible {
|
&.focus-visible {
|
||||||
& + img {
|
& + img {
|
||||||
|
|
Loading…
Reference in a new issue