From fa2d8dd2e2d42337e7df87a7116b237c160b3e9a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jaime=20L=C3=B3pez?= Date: Wed, 22 Apr 2020 14:31:53 -0500 Subject: [PATCH] fix input[type="text"] and textarea styles in safari mobile --- build/98.css | 12 ++++++++++++ docs/98.css | 12 ++++++++++++ style.css | 4 ++++ 3 files changed, 28 insertions(+) diff --git a/build/98.css b/build/98.css index 9e5dd66..d2bdd94 100644 --- a/build/98.css +++ b/build/98.css @@ -323,6 +323,10 @@ input[type="text"] { inset 2px 2px #0a0a0a; background-color: #ffffff; box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0; } select { @@ -333,6 +337,10 @@ select { inset 2px 2px #0a0a0a; background-color: #ffffff; box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0; } textarea { @@ -343,6 +351,10 @@ textarea { inset 2px 2px #0a0a0a; background-color: #ffffff; box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0; } input[type="text"], diff --git a/docs/98.css b/docs/98.css index 9e5dd66..d2bdd94 100644 --- a/docs/98.css +++ b/docs/98.css @@ -323,6 +323,10 @@ input[type="text"] { inset 2px 2px #0a0a0a; background-color: #ffffff; box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0; } select { @@ -333,6 +337,10 @@ select { inset 2px 2px #0a0a0a; background-color: #ffffff; box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0; } textarea { @@ -343,6 +351,10 @@ textarea { inset 2px 2px #0a0a0a; background-color: #ffffff; box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0; } input[type="text"], diff --git a/style.css b/style.css index 1a2d474..3669d49 100644 --- a/style.css +++ b/style.css @@ -315,6 +315,10 @@ textarea { box-shadow: var(--border-field); background-color: var(--button-highlight); box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0; } input[type="text"],