流利的UI React将焦点轮廓颜色更改为主要反转颜色

问题描述

我正在渲染CommandButton,并且在带有渐变色深色背景的容器内仅带有一个图标,并且将按钮的背景色设置为透明。 (请注意,它是透明的,因为容器的背景色带有渐变。)

我的问题是,由于按钮的默认焦点轮廓为黑色,因此在深色背景下不可见。如何更改此设置,使焦点轮廓变为原色的反色?

我总是可以附加一个自定义CSS来更改轮廓颜色,但是我正在寻找Fluent UI框架支持的正确方法。我注意到在指定Button道具时,primary=true组件会放置白色背景色。因此,似乎有一种更改轮廓颜色的方法,但我无法真正弄清楚该如何做。我还研究了源代码,它使用一个主题对象并生成一个类名,但这仍然没有告诉我完整的故事。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)