我在一个CommandButton
带有渐变的深色背景的容器内只渲染一个图标,并且我已将按钮的背景颜色设置为透明。(注意它是透明的,因为容器的背景颜色有渐变。)
我遇到的问题是,由于按钮的默认焦点轮廓是黑色的,并且在深色背景下不可见。如何更改此设置以使焦点轮廓变为原色的反转颜色?
我总是可以附加自定义 CSS 来更改轮廓颜色,但我正在寻找 Fluent UI 框架支持的正确方法。我注意到在指定道具Button
时组件会设置白色背景色。primary=true
所以,似乎有一种方法可以改变轮廓颜色,但我真的不知道怎么做。我还查看了源代码,它需要一个主题对象并生成一个类名,但这仍然没有告诉我完整的故事。