uni-app去除组件输入框背景颜色
如何在uni-app的uview1.0 u-search组件中去除输入框的背景颜色?
问题详情:
开发者使用u-search组件,试图去除输入框内的背景颜色,目前的代码如下:
<u-search bg-color="rgba(0,0,0,.1)" shape="round" height="52" v-model="keyword"></u-search>登录后复制
当前显示效果中,输入框内还存在黑色背景,开发者希望去除该黑色背景,只保留外围的透明色。
解决方案:
uni-input-input本身没有背景色,背景色实际存在于uni-input-wrapper和uni-input这两个类中。因此,可以通过覆盖这两个类的背景色将其去除:
.uni-input-wrapper,.uni-input{ background: none !important; }登录后复制
本文采摘于网络,不代表本站立场,转载联系作者并注明出处:https://www.iotsj.com//kuaixun/6021.html