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

Question

我在 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吗？

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

Answer 1

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

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

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

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