[Question] How to get rid of 'x' in search

[lamalvin21]

Hi,

I am currently using this search feature for my table and when typing a little blue 'x' (see image below) appears on the right to allow for the option to clear the search. Would it be possible to remove or restyle this?

Thanks in advance!

[komarovalexander]

Hello @lamalvin21 it is separate component, and it is regular html input - You can remove it of course and you can even use another one input you want, but im not sure that this is correct place to solve this question, because as you can see this input is not part of the package and it is used outside of a table. Provided Search demo just shows how you can setup searchValue to the table - and for this purpose you can use any components you want and customize them differently

[lamalvin21]

Solution to this problem:

https://davidwalsh.name/remove-clear-search

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}