Ionic 4 - remove shadow box from ion-searchbar

Ionic Framework ionic-v3
1

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:

image
image.png819×474 74.6 KB

Any idea on how to do this?

Thanks.

2

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

2 Likes
3

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

4

For single page you can use this:

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

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: