c# - 剑道按钮 `k-danger` 不起作用

我在 C# 项目中使用 Kendo MVC。

我正在尝试将 k-danger 类添加到剑道按钮。我不知道为什么，但它在 k-primary 类工作的地方不起作用。

这是我的按钮代码:

<button type='button' id='Button1' onclick='Delete(#=ID#)' class='k-button k-button-icontext k-grid-add k-danger'>  // This is just showing the default button
    <span class='k-icon k-i-trash'></span>
</button>

<button type='button' id='Button2' onclick='Info(#=ID#)' class='k-button k-button-icontext k-grid-add k-i-pencil'>  // This is showing the primary button
    <span class='k-icon k-i-pencil'></span>
</button>

图标完美运行。
我到处搜索，但我一无所获。所以得出结论是没有k-danger类，不知道是不是我错了。

如果没有 k-danger 可用，还有什么我可以使用来代替 k-danger 吗？

如果需要，我可以提供完整的代码。

最佳答案

danger (或实际上 btn-danger )是 Bootstrap 特定的 CSS 类名，实际上，它不存在于 Kendo UI 样式表中。我建议有两种选择:

假设您已经注册了 Bootstrap 样式表，请尝试使用 Bootstrap 的 btn-danger CSS 类。缺点是您可能会偶然发现 Kendo UI 与 Bootstrap 样式冲突，并且由此产生的按钮外观将是两个库样式之间的混合。

创建您自己的 Kendo UI“危险”按钮样式。例如，将以下 CSS 规则添加到样式表中，该样式表是在 Kendo UI 样式表之后注册的:

.k-button.k-danger,
.k-button.k-danger:active {
    background-color: #f00;
    color: #fff;
    border-color: #f00;
}