fix(reset): select border-radius in Safari

Author: kripod

.changeset/tasty-pandas-impress.md

@@ -0,0 +1,5 @@
+---
+"css-homogenizer": patch
+---
+
+fix(reset): select border-radius in Safari

reset-scoped.css

@@ -5,7 +5,6 @@
  * Selectors sorted as they appear in the HTML Standard for better compression.
  */
 
-/* Only for Safari: button, select, input, textarea */
 ._h1,
 ._h2,
 ._h3,
@@ -22,10 +21,10 @@
 ._dl,
 ._dd,
 ._figure,
-._input,
-._button,
-._select,
-._textarea,
+._input, /* Safari-only */
+._button, /* Safari-only */
+._select, /* Safari-only */
+._textarea, /* Safari-only */
 ._fieldset {
   margin: 0;
 }
@@ -98,9 +97,13 @@
   color: inherit;
 }
 
-/* Only for Firefox */
 ._input::placeholder,
 ._textarea::placeholder {
   color: gray;
-  opacity: 1;
+  opacity: 1; /* Firefox-only */
+}
+
+/* Safari-only */
+._select {
+  border-radius: 0;
 }

reset.css

@@ -9,7 +9,6 @@ html {
   line-height: 1;
 }
 
-/* Only for Safari: button, select, input, textarea */
 body,
 h1,
 h2,
@@ -27,10 +26,10 @@ menu,
 dl,
 dd,
 figure,
-input,
-button,
-select,
-textarea,
+input, /* Safari-only */
+button, /* Safari-only */
+select, /* Safari-only */
+textarea, /* Safari-only */
 fieldset {
   margin: 0;
 }
@@ -103,9 +102,13 @@ textarea {
   color: inherit;
 }
 
-/* Only for Firefox */
 input::placeholder,
 textarea::placeholder {
   color: gray;
-  opacity: 1;
+  opacity: 1; /* Firefox-only */
+}
+
+/* Safari-only */
+select {
+  border-radius: 0;
 }