How to implement your own like button in Android?

How do the various browsers handle input [type="search"] and add a clearing button? And how can that be reset to implement a custom clearing button?

• I was creating a search function on a website where I added a custom button. The "button" was a input[type="reset"] that had a custom size and background image. In firefox it looked fine But in chrome a clear button was added. And in Safari, search input gets rounded and a button added. ignore the border radius on the reset. I removed it when testing in other browsers later.

• Answer:

  Chrome and Safari use webkit. So this worked for both browsers to get rid of the default button. ::-webkit-search-cancel-button { -webkit-appearance: none; } In production I have various search features so I had to use the appropriate CSS selector to only select the input[type="search"] in the appropriate divs. To get rid of the rounded border in Safari I added these rules to affect that search input. outline: none;-webkit-appearance: none;