Css 我们可以在microsoft bot框架中自定义卡中按钮的设计吗

我知道我们可以根据我们的要求修改botchat.css的设计。现在，我想知道，每个按钮可以是不同的颜色，如图所示

[按钮1][按钮2][按钮3]

---

所有按钮必须具有不同的颜色。

在您的

custom.css

或任何您的自定义css文件名中，您可以通过使用如下css来解决此问题，以说明您将在卡上生成的最大按钮数量：

.wc-card button:nth-of-type(3) {
    background-color: green;
    color: #0078d7;
    min-height: 32px;
    width: 100%;
    padding: 0 16px;
}
.wc-card button:nth-of-type(2) {
    background-color: red;
    color: #0078d7;
    min-height: 32px;
    width: 100%;
    padding: 0 16px;
}
.wc-card button:nth-of-type(1) {
    background-color: orange;
    color: #0078d7;
    min-height: 32px;
    width: 100%;
    padding: 0 16px;
}
...

此CSS将产生以下结果：

---

除非在这里放一些相关的代码，比如按钮使用的标记或类，否则很难说清楚。但是如果它是由CSS设计的，你几乎可以在这里做任何你想做的事情。提到的按钮来自hero card，因此在css文件中，它们在“wc card wc adaptive card hero”类下提到，根据附件布局，可能是列表或旋转木马。作为参考，botchat.css在@praveenpuglia可用。如果您的问题是关于渲染的，为什么要使用“direct line botframework”？通过提到botchat.css，我们应该猜到你的问题只针对webchat？你能为此引用源代码或文档吗请@JasonSowers？这是添加在webchat控件顶部的自定义css，因此它不在源代码或文档中。