我在C#项目中使用Kendo MVC.
我正在尝试将k-danger类添加到kendo按钮.我不知道为什么,但它不适用于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-dangerous类,我不知道我是不是错了.
如果没有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; }