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

大家好，今天本人给大家带来文章《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 如何去掉背景颜色？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！