modern-normalize
modern-normalize copied to clipboard
Search outline style in Chrome looks weird
On all the other input types in chrome the outline is on the outside, when you get a a search type of input, and looks out of place changing to the inside, and its due to the below outline-offset rule:
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}