3

Kendo ui 製品のボタンの色を変更する必要があります。お知らせ下さい。ありがとうございました

これが私のコードです：

<form method="post" action='@Url.Action("Index")' style="width:45%">
    <div>
        @(Html.Kendo().Upload()
                    .HtmlAttributes(new { @Style = "align:center; font-size:12px" })     
                    .Name("FileUpload")
                    .Multiple(false)
                    .Events(ev => ev.Success("onSuccess"))
        )
        <input type="submit" id="btnSubmit" value="Import" style="height:33px; font-size:14px" class="k-button" />
    </div>
</form>

k-button クラスを変更しようとしましたが、何も変わりませんでした。

4

3 に答える 3

3

Kendo UI Web フレームワークを使用しており、ボタン ウィジェットが定義されていません。ボタン ウィジェットは剣道 UI モバイル フレームワークでのみ使用できます。Kendo が要素を無視するため、k-button クラスは機能しません。そのため、通常どおり、CSS またはインライン スタイルを使用してボタンのスタイルを設定する必要があります。<input type="submit" style="background:red">

于 2013-02-25T13:56:53.337 に答える
3

これを実現するためのカスタム CSS クラスのJSFiddleを次に示します。基本的に、グラデーションとそれを削除するホバーを処理する必要があります。.k-state-disabledクラスを追加してボタンを無効にする場合があります。ボタンを無効にする機能が必要ない場合は、3 番目のスタイル ブロックを削除します。

.primary {
    background-color: #64a1d5;
    background-image: linear-gradient(to bottom, #64a1d5, #428bca);
    color: #fff;
    border-color: #428bca;
    min-width: 70px;
}

    .primary:hover {
        background-color: #428bca;
        color: #fff;
        border-color: #428bca;
    }

    .primary.k-state-disabled, .primary.k-state-disabled:hover {
        background-color: #8dc5e1;
        color: #fff;
    }
于 2014-02-23T02:44:49.597 に答える
1

Web Kendo UI フレームワークはボタン ウィジェットを公開しませんが、クラス k-button でリンクを定義することで使用できます。

<a id="btnSubmit" class="k-button" value="Import" />

これで、ak-button セレクターを使用して、好きなようにスタイルを設定できます。

a.k-button {
   height: 33px;
   font-size: 14px;
   margin: 5px;
   text-decoration: none;
   background-color: #2c2c2c;
}
于 2013-07-10T19:46:14.260 に答える