ant-design < Menu>主题变量itemHoverColor,在父级菜单项hover时,其文字颜色不生效

4xy9mtcn  于 3个月前  发布在  其他
关注(0)|答案(3)|浏览(65)

Steps to reproduce

  1. 使用 ConfigProvider 组件包裹 Menu 组件
  2. 设置 Menu 的主题变量 itemHoverBgitemHoverColor

What is expected?

  1. 父级项(有children)和子级项(无children),在hover的时候,都能显示主题设置的颜色
  2. hover父级项的时候,其文字不要有“位移”

What is actually happening?

  1. 子级项hover时,颜色正确。但父级项hover时,只有背景色正确,文字色没有生效
  2. 有轻微位移视觉现象
    | Environment | Info |
    | ------------ | ------------ |
    | antd | 5.15.2 |
    | React | 18.0.0 |
    | System | macOS |
    | Browser | Chrome 122.0.6261.112(正式版本) (x86_64) |
ztigrdn8

ztigrdn81#

文字位移貌似没看出来,是bg切换导致的视觉上的错觉吗

dm7nw8vv

dm7nw8vv2#

文字位移貌似没看出来,是bg切换导致的视觉上的错觉吗

第二个问题:我又放大试了下,应该是视觉错觉。
第一个问题(hover颜色)是比较明确的,请问可以优化吗?

相关问题