Question

如何更改kendo ui upload中的选择按钮，我添加了background-color：＃3399FF;但它在IE 8中不起作用。我使用以下CSS进行了修改，但在IE 8中无法使用。请告知。

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

}

Answer 1

如果您将kendoUpload定义为：

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

以及以下初始化：

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

您可以将Submit按钮的样式定义为：

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

或：

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

如何更改kendo ui上传中的颜色选择按钮

1 个答案: