首页 > 文章列表 > 如何移除 中 组件输入框的背景颜色?

如何移除 中 组件输入框的背景颜色?

161 2025-02-16

如何移除  中  组件输入框的背景颜色?

uni-input 组件移除输入框背景颜色

在 <u-search> 组件中使用 <uni-input-input> 时,用户希望移除 input 的黑色背景颜色,仅保留其透明外框。

具体步骤:

由于 <uni-input-input> 本身没有背景颜色,因此我们需要移除 <uni-input-wrapper> 和 <uni-input> 组件的背景色。

代码示例:

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

添加此 css 代码后,input 框的黑色背景颜色将被移除,而透明外框仍然保留,实现了用户想要的效果。

来源:1729645425