Css 如何使用Microsoft Web framework控制按钮的样式？

我正在使用

之后,

如何正确控制按钮的样式？谢谢

---

从您的js小提琴上看，该按钮的背景色似乎来自以下内容：.btn，a.c-button[role=button]，button.c-button。要覆盖它，只需在css文件中添加以下内容

.btn, a.c-button[role=button], button.c-button {
    background-color: blue;
}

---

使用浏览器中的开发人员工具来检查元素并查看样式的应用方式通常很有帮助。

根据设计，MWF将类型属性与CSS结合起来，以实现跨Microsoft属性的设计一致性目标。type=“button”的每次使用样式都相同。同样，type=“submit”的每一个用法的样式也类似。这确保了如果有一天MWF决定更改此样式，所有使用此标记的网站将同时收到更新的样式

---

< MWF的体系结构与Bootstrap、基金会、材料等其他框架有很大的不同。这是因为我们专门设计来满足微软的设计语言准则。

<button name="button" class="c-button" type="button">Button</button>

.btn, a.c-button[role=button], button.c-button {
    background-color: blue;
}