modern-normalize icon indicating copy to clipboard operation
modern-normalize copied to clipboard

Search outline style in Chrome looks weird

Open mangelozzi opened this issue 2 years ago • 0 comments

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

mangelozzi avatar Mar 27 '23 10:03 mangelozzi