The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › How to style clear element in search field
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.
We can’t help you without seeing it.
Please set up a Codepen or provide a URL to a live demo.
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.