Html 离子搜索栏中的取消框阴影

我想隐藏包含元素离子搜索栏的原始框阴影，但我无法隐藏或删除它。我尝试了下一件事：

html:

但是有了这些样式，ion searchbar元素仍然有方框阴影。。。有点烦人

已应用样式的ion搜索栏：

如您所见，搜索栏有一个小方框阴影

Devtools屏幕截图：

重要注意事项：考虑到带有类searchbar输入sc-ion-searchbar md的div元素以及该div（离子图标和按钮）以下的所有元素都是由ionic自动生成的（因为搜索栏有searchbutton及其各自的图标）

---

另一件重要的事情是，我已经测试了禁用devtools上选择的特定元素的框阴影，并且可以正常工作，所以这就是问题所在，但是我仍然无法使用我放置的css属性禁用框阴影（只有在devtools中直接禁用它们时才能正常工作），就像我放置的这些css属性被忽略一样。

您在

上有2个

类

属性：

因此，第一个可能会被忽略。尝试正确使用

class

属性：

---

…

是否有更具体的CSS应用于搜索栏？我们无法通过你发布的内容判断是否发生了这种情况。不，我在搜索栏上应用的独特风格并不存在。另一件事是，搜索栏包含一个标题（离子标题），这个离子标题有一个红色，但仅此而已。使用！覆盖css属性很重要。例：

box阴影：无！重要的添加！重要的规则，但仍然不起作用。您可以在该元素上发布开发工具（F12）的屏幕截图吗？真的不知道为什么没有工作的代码段。仍然不工作，但现在显示了其他属性。
<ion-searchbar placeholder = "Buscar" class = "nav_searchbar" spellcheck = "true" 
      animated = "true" autocomplete = "true" autocorrect = "true" [(ngModel)] = "busqueda" (input) = "setFilterData($event)"
      class = "hiddenBtnContainer">

        <ion-button class = "hiddenBtn" size = "small" (click) = "makeADeeperSearch()" focusable></ion-button>

</ion-searchbar>

.nav_searchbar{
    border-bottom: 1px solid #fff !important;
    width: 80%;
    box-shadow: none;
    --box-shadow: none;
    -webkit-box-shadow: none;
}

.searchbar-input.sc-ion-searchbar-md{

    box-shadow: none;
    --box-shadow: none;
    -webkit-box-shadow: none;

}