1. 首页 > 快讯

uni编辑器教程(uni app ui库)

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

联系我们

在线咨询:点击这里给我发消息

微信号:666666