CODEWITHSUNDEEP
kendo-ui
Supermode
Supermode

Reputation: 936

How to change colour select button in kendo ui upload

How to change the select button in kendo ui upload, i add background-color:#3399FF; but it does not work in IE 8. I have modified using the following CSS but not working in IE 8. Please advise.

<form method="post" action='@Url.Action("Index")' style="width:45%">
    <div>
        <table style="border:0">
        <tr style="border:0;">
             <span>Import Consumer List:</span>
        </tr>
        <tr style="border:"0">
            <td style="border:0;">
             @(Html.Kendo().Upload()
                    .HtmlAttributes(new { @Style = "align:center; font-size:12px" })     
                    .Name("FileUpload")
                    .Multiple(false)
                    .Events(ev => ev.Success("onSuccess"))
            )
            </td>
            <td style="border:0;">
                <input type="submit" id="btnSubmit" value="Import" style="height:31px; font-size:14px; background-color:#3399FF" class="k-button" />
            </td>
        </tr>
        </table>
    </div>
</form>


.k-upload-button {
    direction: ltr;
    overflow: hidden !important;
    position: relative;
    width: 86px;
    font-size:14px;
    background-color:#3399FF;   

}

Upvotes: 1

Views: 6438

Answers (2)

Rani Radcliff
Rani Radcliff

Reputation: 5084

This worked for me:

<style>
    .k-upload-button{
        background-color:crimson !important;
    }
</style>

Upvotes: 0

OnaBai
OnaBai

Reputation: 40897

If you have your kendoUpload defined as:

<form method="post" action="submit" style="width:45%">
    <div>
        <input name="files" id="files" type="file" />
        <p>
            <input type="submit" value="Submit" class="k-button" />
        </p>
    </div>
</form>

and the following initialization:

$("#files").kendoUpload({});

you might define the style for Submit button as:

input.k-button {
    direction: ltr;
    overflow: hidden !important;
    position: relative;
    width: 86px;
    font-size:14px;
    background-color:#3399FF;
}

or:

#submit.k-button {
    direction: ltr;
    overflow: hidden !important;
    position: relative;
    width: 86px;
    font-size:14px;
    background:#3399FF;
}

Upvotes: 1

Related Questions