change colour kendo ui button

Question

I need to change a color for button in Kendo ui product. Please advise. Thank you

Here is my code:

<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>

I tried to change k-button class but nothing changed.

Answer 1

You are using Kendo UI Web framework and there is no button widget defined in it. Button widget is only available for kendo UI Mobile framework. k-button class wont work as Kendo ignores the element. So you need to style your button using CSS or inline styling as done normally. <input type="submit" style="background:red">