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. */