从离子3中的离子搜索栏中删除阴影

Question

我需要从 ion-search bar 中删除边框。我在 variable.scss 中尝试了以下代码，但没有运气。我在 ionic 方面很新，所以请详细告诉我。

 .searchbar-input {
      -webkit-box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 1),
        0 3px 1px -2px rgba(255, 255, 255, 1), 0 1px 5px 0 rgba(255, 255, 255, 1);
      box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 1),
        0 3px 1px -2px rgba(255, 255, 255, 1), 0 1px 5px 0 rgba(255, 255, 255, 1);
    }

Answer 1

如果是 ionic 4，请尝试以下操作：

.sc-ion-searchbar-md-h {
  --box-shadow: none !important
}

在使用搜索栏的组件的 SCSS 文件中。

Answer 2

如果没有代码的输出，很难找出解决方案，您可以试试这个：

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