剣道ボタン `k-danger`が動作しない

Question

私はC＃プロジェクトで剣道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）は、ブートストラップ固有のCSSクラス名であり、確かに剣道UIスタイルシートには存在しません。

1. あなたはブートストラップスタイルシートが登録されていると仮定すると、ブートストラップのbtn-danger CSSクラスを使用してみてください、私は示唆している2つのオプションがあります。欠点は、剣道のUIとブートストラップのスタイルの競合に遭遇する可能性が高いことです。その結果、ボタンの外観は2つのライブラリのスタイルのミックスになります。

2. 独自の剣道UI「危険」ボタンのスタイリングを作成します。あなたの結果を得るか、単にブートストラップCSSを追加するには、カスタムスタイルを作成する必要が

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

Answer 2

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

：例えば、剣道UIスタイルシートの後に登録されているスタイルシートに以下のCSSルールを追加危険なボタンに「btn btn-danger」クラスを追加します。

チェックデフォルトでは、このJsBinデモ

Js Bin Example

Answer 3

は剣道shown hereとしてk-error-coloredを提供します。

その他の便利なクラスは次のとおりです。

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

は、あなただけのk-button

This jsfiddleでそれを使用する必要があり、それはレンダリング方法を示しています。