Uni-app 组件中的 Input 如何去掉背景颜色？

发布日期： 2024-10-23 阅读量： 作者： 网络

uni-app 组件中的 input 如何去掉背景颜色？

uni-app 组件中的 input 如何去除背景颜色？

在使用 u-view 1.0 的 u-search 组件时，您可能会遇到 input 元素带有黑色背景的问题，而您希望只保留透明的外框。要解决这个问题，请按照以下步骤操作：

uni-input-input 组件本身并没有背景颜色。背景颜色实际上来自 uni-input-wrapper 和 uni-input 类。因此，要删除背景颜色，请覆盖这两个类中的背景样式。

修改后的 css 代码：

.uni-input-wrapper,.uni-input{
  background: none !important;
}

随便看看