Topic: Clear search input - color
Is there a way I can change the color of the icon as well make cursor pointer when hover?
This is a webkit feature. You can style it using input[type="search"]::-webkit-search-cancel-button. Here's code I found that can change clear button's appearence to one of font awesome icon.
https://mdbootstrap.com/snippets/standard/m-duszak/3085591#css-tab-view
Arthur Turik free commented 2 years ago
Great, thanks! I've also added the property:
input[type="search"]::-webkit-search-cancel-button:hover { cursor: pointer; }
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 3.5.1
- Device: all
- Browser: all
- OS: all
- Provided sample code: No
- Provided link: No