1

剣道UIアップロードで選択ボタンを変更する方法、背景色を追加:#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;   

}
4

1 に答える 1

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;
}
于 2013-03-04T09:27:58.523 に答える