Skip to content

NInput 主题希望增加 bgHover 变量 #7498

@seepine

Description

@seepine

问题的清晰而简明的描述

希望实现类似 arco 或者 semi.design 的输入框效果

Image Image

目前是通过自定义css改变

.n-input {
  --n-input-bg-hover-color: rgba(46, 51, 56, 0.09);
  &:hover {
    background: var(--n-input-bg-hover-color);
  }
}
html[theme-mode='dark'] .n-input {
  --n-input-bg-hover-color: rgba(255, 255, 255, 0.12);
}

建议的解决方案

希望 ConfigProviderProps 中的 InputTheme增加相关字段,例如

      Input: {
        color: isDark ? 'rgba(255, 255, 255, .08)' : 'rgba(46, 51, 56, .05)',
        bgHover: isDark ? `rgb(x,x,x)`: `rgb(x,x,x)`
      },

备选方案

No response

附加上下文

No response

验证

  • 阅读 贡献指南
  • 阅读 文档
  • 检查是否已经存在请求相同功能的问题,以避免创建重复的问题。

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions