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

将此 css 代码添加到您的项目中后，input 元素的背景颜色将被删除，只剩下透明的外框，符合您想要的显示效果。

以上就是Uni-app 组件中的 Input 如何去掉背景颜色？的详细内容，更多请关注其它相关文章！