How to style clear element in search field

[Steven Gardner]

Hi,

I’m trying to change the color of the clear (X) element at the right hand side of a search input.

I have changed the outline of the input while in focus but Can’t work out how to effect the little cross.

Thanks
Steven

[shaneisme]

We can’t help you without seeing it.

Please set up a Codepen or provide a URL to a live demo.

[Steven Gardner]

Hi Shaneisme,

I’m not sure why you would need to see code. This is a standard HTML5 element <input type=”search”>.

When you start typing a small clear element appears (x) depending on browser support. chrome for example displays a small blue cross to the right hand side.

I want to change the color of that element.

Thanks

[Paulie_D]

http://stackoverflow.com/questions/20804016/html-how-to-edit-the-x-button-that-apear-on-input-type-search

[Author]

Posts