關於kendo ui的使用改變顏色方式

一、概述：

　　在網上kendo ui教程中示例在演示的時候引用的css樣式爲kendo.common.min.css與kendo.default.min.css這兩個外部樣式，你們有沒有發現，這兩個樣式在選中的時候會出現一個黃色的選中條，很難看（固然排除配色須要用到的黃色的時候），多數狀況下咱們使用kendo ui是不會使用這個黃色的選中效果的，如何修改呢？

二、引入CSS樣式：

　　

<link href="css/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="css/kendo.default.min.css" rel="stylesheet" type="text/css">

以kendo ui中的panelbar爲例，咱們來看一下效果：

看到這個黃色的選中條了吧，是否是不太符合咱們平時的審美呢？

三、如何改變選中樣式：

　　其實kendo ui爲咱們提供了多種CSS樣式選擇的方案，在咱們下載kendo ui的壓縮包時，在styles這個文件夾內咱們會看到不少CSS樣式，初學者可能不知道它們都是作什麼的，那麼我來告訴你們，咱們若是要改變這個選中樣式，咱們只須要改變咱們引入的CSS文件就能夠了，在styles文件夾下，找到kendo.silver.min.css這個文件，將引入kendo.default.min.css這條語句刪除就能夠了：

 <link href="css/kendo.common.min.css" rel="stylesheet" type="text/css" />
 <link href="css/kendo.silver.min.css" rel="stylesheet" type="text/css">

仍是以panelbar爲例，咱們來看下效果：

是否是好看不少，其實kendo ui還給咱們提供了不少種選擇方案，這裏就不作一一介紹了，下面附上幾個效果圖：

　　(1)、kendo.highcontrast.min.css

　　　　　　

　　(2)、kendo.moonlight.min.css：

　　　　　　

　　(3)、kendo.black.min.css：

　　　　　　

四、總結：

　　關於kendo ui樣式得介紹就先到這裏，上面又演示了幾個CSS樣式，kendo ui的樣式有不少，你們能夠去試試各類樣式，挑選一個滿意的。