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 中删除阴影的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
沃梦达教程
本文标题为:从 ionic 3 中的 ion-searchbar 中删除阴影


基础教程推荐
猜你喜欢
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- 直接将值设置为滑块 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01