2013-03-04 102 views
0

如何更改劍道UI上傳的選擇按鈕,我添加背景色:#3399FF;但它不會在IE 8的工作我已經使用了下面的CSS修改,但在IE 8不工作,請告知如何改變顏色選擇按鈕,在劍道UI上傳

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

} 

回答

0

如果您有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; 
} 
+0

嗨OnaBai,我是目前尋找改變選擇按鈕在kendoui按鈕的顏色不上傳提交。 Thx – Supermode 2013-03-04 17:34:53

+0

您使用的是哪個版本的KendoUI?嘗試在'#submit.k-button'的示例中指定'background',而不僅僅是'background-color'。 – OnaBai 2013-03-04 18:31:34

+0

Kendo ui版本2012.仍然不起作用。我已更新我的代碼 – Supermode 2013-03-04 23:40:42