剑道按钮“k-danger”不起作用答案

【问题标题】：Kendo button `k-danger` not working剑道按钮“k-danger”不起作用
【发布时间】：2017-08-14 07:37:48
【问题描述】：

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

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

【问题讨论】：

标签： c# asp.net-mvc kendo-ui

【解决方案1】：

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;
}
```

【讨论】：

【解决方案2】：

k-danger does not have any style in kendo css,

您需要创建自定义样式以获得结果，或者只需添加引导 css 并在您的危险按钮中添加“btn btn-danger”类。

查看这个 JsBin 演示

Js Bin Example

【讨论】：

【解决方案3】：

默认情况下，剑道为您提供k-error-colored 为shown here。

其他方便的类是：

k-info-colored
k-success-colored
k-warning-colored

您只需将其与 k-button 一起使用

This jsfiddle 显示了它的渲染方式。

【讨论】：