Reset button for search field

Shashidhar.nk

Hi Allan,

I need to provide a reset button for search field. But As you mentioned here in the discussion
https://datatables.net//forums/discussion/comment/90418/#Comment_90418 ,
Bootstrap's styling will remove the clear icon from the search input. This is part of Bootstrap.

Is there any way to override style for Search field only???
cause, other than Datatables, full web page is built with bootstrap styling.
If bootstrap library is removed, reset button appears and works fine, but whole page looks VERY Ugly. Help me out.

allan

Add this to your CSS:

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

It will override Bootstrap's hiding of the clear button.

Allan

Shashidhar.nk

Hi Allan,

Thank You. Reset button appears now and works fine.

wolfar

Hi Allan,
All work fine.