从 ionic 3 中的 ion-searchbar 中删除阴影

remove shadow from ion-searchbar in ionic 3(从 ionic 3 中的 ion-searchbar 中删除阴影)
本文介绍了从 ionic 3 中的 ion-searchbar 中删除阴影的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I need to remove the border from ion-search bar . I tried the following code in variable.scss but got no luck.I am pretty new in ionic so please tell me in details.

 .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);
    }

推荐答案

没有你的代码输出很难找到解决方案,你可以试试这个:

Is hard to figure out a solution without the output of your code, you might try this:

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

这篇关于从 ionic 3 中的 ion-searchbar 中删除阴影的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
Minify CSS with Node-sass(使用Node-Sass缩小CSS)
Nested Table in jspdf(Jspdf中的嵌套表)
How to rotate outer div not inner content(如何旋转外部div而不是内部内容)
how to apply css transform to child on parent hover(如何对父级悬停时的子级应用CSS变换)
Only transition a transform in css?(是否仅在css中转换转换?)