From bb4cbab04555c9cf3302b656d90d3082fc4adb36 Mon Sep 17 00:00:00 2001 From: Nicolas Cusan Date: Mon, 17 Aug 2020 09:32:04 +0200 Subject: [PATCH] Roll back input change to fix input border issue --- destyle.css | 27 +++++++++++++++------------ 1 file changed, 15 insertions(+), 12 deletions(-) diff --git a/destyle.css b/destyle.css index 093a8c2..119df3a 100644 --- a/destyle.css +++ b/destyle.css @@ -231,7 +231,7 @@ iframe { */ button, -input:not([type="radio"]):not([type="checkbox"]), +input, optgroup, select, textarea { @@ -249,6 +249,20 @@ textarea { text-align: inherit; } +/** + * Reset radio and checkbox appearance to preserve their look in iOS. + */ + +[type="checkbox"] { + -webkit-appearance: checkbox; + appearance: checkbox; +} + +[type="radio"] { + -webkit-appearance: radio; + appearance: radio; +} + /** * Show the overflow in IE. * 1. Show the overflow in Edge. @@ -372,17 +386,6 @@ textarea { overflow: auto; } -/** - * Remove margin, padding & outline. - */ - -[type="checkbox"], -[type="radio"] { - padding: 0; - margin: 0; - outline: 0; -} - /** * Correct the cursor style of increment and decrement buttons in Chrome. */