CSS Style for search input in WebKit

In Chrome, there are some special style on the input elements. For example, the following is a search textbox in Chrome.
search-textbox-1
 

To restore the standard textbox view, apply the -webkit-appearance on the search textbox.

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

 

Refresh the page.
search-textbox-2
 

Done =)

Reference:

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.