CSS Input Type Search Examples | CSS: Presentation Layer

Standards Based Development

Reset input type search

Safari

Safari renders search inputs with curved corners and a spy glass. The first line removes the curved corners, but leaves a white space where the spy glass was, this is removed using the second line.

input[type=search] {
-webkit-appearance: none;
}
input[type=search]::-webkit-search-decoration {
display: none;
}