如何在uni-app uView 1.0 u-search组件中去除输入框背景色？

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

以上就是如何在uni-app uView 1.0 u-search组件中去除输入框背景色？的详细内容，更多请关注其它相关文章！