display pointer on hover close icon in search textbox

Question

I am using a input type search in my application. I want to display cursor:pointer when user mouse hover on x icon in search box , i tried to find out css for this but not find anything releated to this.

<input type="search">

Answer 1

Perhaps something like this can work?

input[type="search"]::-webkit-search-decoration:hover,
input[type="search"]::-webkit-search-cancel-button:hover { 
    cursor:pointer; 
}

<input type="search">