Merge remote-tracking branch 'SiarheiBobryk/type-search-details-fix' into main

Author: richgerdes

README.md

@@ -78,13 +78,10 @@ decrement button to change from `default` to `text`.
 
 #### `[type="search"]`
 
-The search input is not fully stylable by default. In Chrome and Safari on
-OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
-Chrome and Safari on Windows you can't control `border` properly. It will apply
-`border-width` but will only show a border color (which cannot be controlled)
-for the outer 1px of that border. Applying `-webkit-appearance: textfield`
-addresses these issues without removing the benefits of search inputs (e.g.
-showing past searches).
+The search input is not fully stylable by default. In Safari on
+OSX you can't control `font`, `padding`, `border`, or `background`. Applying
+`-webkit-appearance: textfield` addresses these issues without removing the
+benefits of search inputs (e.g. showing past searches).
 
 ## Contributing
 

normalize.css

@@ -285,7 +285,7 @@ textarea {
 }
 
 /**
- * 1. Correct the odd appearance in Chrome and Safari.
+ * 1. Correct the odd appearance in Safari.
  * 2. Correct the outline style in Safari.
  */
 

test.html

@@ -431,7 +431,7 @@ <h3 class="Test-it">should display a default cursor for the decrement button's c
   <h2 class="Test-describe"><code>[type="search"]</code></h2>
   <h3 class="Test-it">should be styleable</h3>
   <div class="Test-run">
-    <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+    <input type="search" style="border:4px dashed #ADD8E6; padding:10px; width:200px; font-family:monospace; background-color:#f0f8ff" value="search query">
   </div>
   <h3 class="Test-it">should reference inherited color</h3>
   <div class="Test-run">