fix input[type="text"] and textarea styles in safari mobile

This commit is contained in:
Jaime López 2020-04-22 14:31:53 -05:00
parent 7509c17bcf
commit fa2d8dd2e2
3 changed files with 28 additions and 0 deletions

View file

@ -323,6 +323,10 @@ input[type="text"] {
inset 2px 2px #0a0a0a; inset 2px 2px #0a0a0a;
background-color: #ffffff; background-color: #ffffff;
box-sizing: border-box; box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
} }
select { select {
@ -333,6 +337,10 @@ select {
inset 2px 2px #0a0a0a; inset 2px 2px #0a0a0a;
background-color: #ffffff; background-color: #ffffff;
box-sizing: border-box; box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
} }
textarea { textarea {
@ -343,6 +351,10 @@ textarea {
inset 2px 2px #0a0a0a; inset 2px 2px #0a0a0a;
background-color: #ffffff; background-color: #ffffff;
box-sizing: border-box; box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
} }
input[type="text"], input[type="text"],

View file

@ -323,6 +323,10 @@ input[type="text"] {
inset 2px 2px #0a0a0a; inset 2px 2px #0a0a0a;
background-color: #ffffff; background-color: #ffffff;
box-sizing: border-box; box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
} }
select { select {
@ -333,6 +337,10 @@ select {
inset 2px 2px #0a0a0a; inset 2px 2px #0a0a0a;
background-color: #ffffff; background-color: #ffffff;
box-sizing: border-box; box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
} }
textarea { textarea {
@ -343,6 +351,10 @@ textarea {
inset 2px 2px #0a0a0a; inset 2px 2px #0a0a0a;
background-color: #ffffff; background-color: #ffffff;
box-sizing: border-box; box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
} }
input[type="text"], input[type="text"],

View file

@ -315,6 +315,10 @@ textarea {
box-shadow: var(--border-field); box-shadow: var(--border-field);
background-color: var(--button-highlight); background-color: var(--button-highlight);
box-sizing: border-box; box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
} }
input[type="text"], input[type="text"],