Ionic 4 - remove shadow box from ion-searchbar

I am trying to remove the box-shadow from the searchbar through css but it’s not working like this:

.searchbar-input {
  box-shadow: none !important;

but it doesn’t work.

However if I edit it directly by inspecting the website it works as expected:

Any idea on how to do this?


you need to put this style in your global.scss file and it will work


Thank you. for your answer !!
this is correct answer.

For single page you can use this:

ion-searchbar {
    --box-shadow: none !important;

No, this does not work for me. And it really annoys me that something written in the official documentation does not work, which happens frequently in Ionic. :rage: