登录
首页 >  文章 >  前端

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

来源:php

时间:2024-10-29 14:55:16 452浏览 收藏

学习知识要善于思考,思考,再思考!今天golang学习网小编就给大家带来《如何在uni-app uView 1.0 u-search组件中去除输入框背景色?》,以下内容主要包含等知识点,如果你正在学习或准备学习文章,就都不要错过本文啦~让我们一起来看看吧,能帮助到你就更好了!

如何在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"    style="max-width:100%" 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组件中去除输入框背景色?》的详细内容,更多关于的资料请关注golang学习网公众号!

声明:本文转载于:php 如有侵犯,请联系study_golang@163.com删除
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>