有没有办法在 C# 和 SDKV4 中创建的 MS Chat BOT 中使用 PromptOptions 突出显示通过选择显示的按钮选项？

Question

我正在使用 C# 中的 SDKV4 使用 Microsoft Bot 框架创建一个 chatBot。 BOT 有多个瀑布式对话。

在这个对话框类中，使用提示选项以按钮的形式显示了几个选择选项。我想知道是否或是否有办法突出显示以不同颜色显示的一个（仅一个）按钮。

如果我们观察，通常选择按钮以白色（按钮背景）和蓝色（蓝色文本和按钮边框）组合显示。

那么有没有办法改变白色背景颜色？ 要么仅着色，要么根据特定条件使按钮产生闪烁效果或闪烁效果。

假设有一个 bool 标志，如果它是真的，我想以其他颜色显示选项之一，或者如果它是假的。

代码：

 return await stepContext.PromptAsync(
                        "choicePrompt",
                        new PromptOptions
                        {
                            Prompt = stepContext.Context.Activity.CreateReply("Please click/choose any one from the following: "),
                            Choices = new[] { new Choice { Value = "Option0" }, new Choice { Value = "Option1" }, new Choice { Value = "Option2" }, new Choice { Value = "Option3" }, new Choice { Value = "Option4" }, new Choice { Value = "Option5" }}.ToList(),
                            RetryPrompt = stepContext.Context.Activity.CreateReply("Sorry, I did not understand that. Please choose any one from the options displayed below: "),
                        });

我希望Option2根据上面试图解释的 Bool 标志以不同的颜色显示。

这可能吗？ 或者这是一个错误的期望，它不能做到？

如果可能的话，任何人都可以向我提供实现这一目标的详细步骤。 请注意，我对编码有点陌生，因此如果可以实现这种行为，我会谦虚地要求提供详细的步骤。

提前致谢

问候

柴坦杨

Answer 1

没有内置的方法可以做到这一点，不。 PromptOptions提供的最接近的东西是Style属性，但即便如此，它也仅用于设置不同的ListStyles ，它们都没有提供任何颜色自定义。

如果您只使用网络聊天，那么我可能会帮助您进行一些 CSS 自定义。 但是，如果您使用任何其他频道，则您几乎无法理解频道决定呈现选项的方式。

或者，您可以发送小的自适应卡片并为第一个设置不同的背景图像，而不是选择。 但是请注意，频道不必显示背景图像（尽管可能会）。 非 Microsoft 渠道（Slack、Facebook 等） 在使用 Adaptive Cards 作为输入时也不能很好地工作。

---

为了回答进一步的评论，我能够为 Choices 找到合适的 CSS 选择器。 这可能因您的网络聊天版本而异，但我使用了：

.css-1wegtiu > ul > li:first-child > .css-y5o52s > button {
    background: red
}

这导致：