0

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

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

我总是可以附加自定义 CSS 来更改轮廓颜色,但我正在寻找 Fluent UI 框架支持的正确方法。我注意到在指定道具Button时组件会设置白色背景色。primary=true所以,似乎有一种方法可以改变轮廓颜色,但我真的不知道怎么做。我还查看了源代码,它需要一个主题对象并生成一个类名,但这仍然没有告诉我完整的故事。

4

1 回答 1

0

有时会有::after选择器与 FluentUI 焦点行为一起使用。此答案的“Chrome 版本 >= 86”部分显示了如何将 Chrome 置于一种状态,当您在 DevTools 中导航时,您可以检查您的组件而不会失去页面中的焦点。

当我遇到想要在 Fluent 中更改的焦点样式时,我可以使用此方法找出我希望更改的样式在应用什么,然后覆盖它们。

于 2022-02-05T15:34:21.333 回答