问题标签 [fluent-ui]

我目前正在尝试通过更改其形状、背景颜色和悬停颜色来重新设置 React 中的Fabric UI 按钮的样式。我设法更改了前两个，但我仍然无法访问悬停颜色，因为该selectors属性似乎不起作用。

我的代码如下：

我得到一个自定义按钮，但悬停颜色仍保持默认蓝色，而不是切换为红色。

我正在尝试在 Fluent UI React 库的组件内设置 HTML 元素的样式。

我想要做的是将“开”/“关”文本放在切换开关的左侧而不是左侧。当我查看我的“编译”代码时，我可以看到该组件被翻译成：

我想将 inline-flex 添加到 target-me div 并将 flex-flow 属性设置为 row-reverse 以便将按钮元素放在标签元素的右侧。问题是，我无法在我的代码中定位“target-me”div。

如何在不重写自定义组件的情况下实现这一目标？

谢谢！

我是反应测试库的新手，所以这可能很容易，但我目前有一个从 fluent UI 导入的下拉列表，并且当我尝试测试它时当前收到“元素没有值设置器”错误使用反应测试库。这是我的渲染功能。

这是失败的行：

我正在尝试为我的网站制作标题，例如 Microsoft 网站 Homepage: Microsoft Homepage Header的标题。

我认为 Fluent UI 中最相似的组件是Pivot，但最佳实践部分说：“不要使用 Pivot 链接到新页面。”。如果它是来自同一网站的页面？谁能帮我？

我目前正在使用Fluent UI 按钮。

我需要做的是根据disabled标志在按钮的正常和禁用状态之间动态切换。我尝试执行以下操作：

但是，更改disabled似乎没有效果，并且按钮对更改没有反应。

如何在更改时使按钮动态disabled更改？

我知道我的请求可能看起来很奇怪，但原因是我试图将在 React 中开发的 Fluent UI 控件包装到自定义元素中。

不使用 ShadowDOM 时一切正常，我可以让一切正常工作，问题是当我想使用 ShadowDOM 来使用“slot”标签等功能时。

ShadowDOM 封装了 html 元素，因此不会继承全局样式。

使用此代码，我能够取回控件生成的 css，然后将其放入 ShadowDOM 中，到目前为止一切正常 :)

问题似乎在于，并非控件的所有样式都被返回，而只是呈现时需要的样式。

例如，如果我渲染 TextField 控件，返回的 css 正是渲染控件所需要的，如果我单击控件本身，则必须显示样式更改（例如焦点）的 css 不会立即生成。

分析 Fluent UI React 的来源，似乎有些控件我们通过 sass 实现了样式，有些则在 js 中使用 css。

那么问题来了：有没有办法在运行时或者编译时获取每个控件的全局样式呢？

提前致谢！

在 Outlook 插件中，当用户使用此 XML 单击系列的重复按钮时，我当前正在捕获：

现在，我无法捕获的最新 Outlook 版本中有这个新按钮：

我在微软提供的 Excel 中没有找到 control-id：

https://github.com/OfficeDev/office-fluent-ui-command-identifiers

提前致谢。

我正在实现一个带有几个按钮的命令栏。按钮的类型为 ICommandBarItemProps，并分配给 . 现在我想为使用 componentRef 的按钮之一设置焦点以实现可访问性，但它说在 IContextualMenuRenderItem 上找不到 focus() （IRefObject 是 componentRef 的类型）。我检查了这个接口的文档，没有发现 focus() 支持。https://developer.microsoft.com/en-us/fluentui#/controls/web/contextualmenu#IContextualMenuRenderItem

我们如何将焦点设置在 ICommandBarItemProps 类型的命令栏按钮上？

我使用 Datapicker 组件： https ://developer.microsoft.com/en-us/fluentui#/controls/web/datepicker

在一种形式中，我使用多个 DatePicker 组件，例如 startDate、endDate 等。

我这样称呼 DatePicker 组件：

文档说 onSelectData 回调函数只给出一个选定的日期作为参数。

onSelectDate - (日期: 日期 | null | 未定义) => void

没有返回的事件可以帮助我知道选择了以下哪些日期选择器。

例如，此功能存在于具有 onChange 方法的 TextField 组件中：

onChange- (event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) => void

当我有事件时，我可以调用event.target.name和event.target.value来获取所需的信息。

有没有办法获取事件或其他对象，以便我知道调用了哪个日期选择器组件？

我正在寻找一些指导方针@fluent-ui/react和@fluent-ui/react-northstar 有什么区别。该文档（自述文件）非常不精确。我不明白哪个用于什么。我正在编写要在 webapp 和 word 插件中运行的 react-component。你知道去哪一个吗？它们看起来都有些不同，并且感觉主题的工作方式有些不同。