From c6fc01482880dd060cd6612d321820ffcb778ea4 Mon Sep 17 00:00:00 2001 From: Belal Sejouk Date: Fri, 23 Feb 2018 13:22:07 -0800 Subject: [PATCH] Fix an issue with input[type='search'] styling There was an issue when trying to style `input[type='search']` on Safari, the styles don't apply. I added `-webkit-appearance: textfield;` to the `input[type='search']` so that it can be styled like a text input field. --- sass/_normalize.scss | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/sass/_normalize.scss b/sass/_normalize.scss index 3046bebc56..8724479431 100644 --- a/sass/_normalize.scss +++ b/sass/_normalize.scss @@ -175,9 +175,13 @@ input[type="number"]::-webkit-outer-spin-button { height: auto; } -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; +input[type="search"] { + -webkit-appearance: textfield; + + &::-webkit-search-cancel-button, + &::-webkit-search-decoration { + -webkit-appearance: none; + } } fieldset {