About using the Kendo UI to change the color style

1. Overview:

On-line Kendo UI Tutorial examples in the presentation of the CSS style referenced by the KENDO.COMMON.MIN.CSS and kendo.default.min.css the two external styles, we have not found that the two styles will appear when the selection of a yellow check bar, it is difficult to see (of course, excluding the color of the need to use the yellow Time), in most cases we use the Kendo UI will not use this yellow check effect, how to modify it?

2. Introduce CSS style:

　　

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

Taking Panelbar in the Kendo UI as an example, let's look at the effect:

See this yellow check bar, is not quite in line with our usual aesthetic?

3. How to change the selected style:

In fact, Kendo UI provides us with a variety of CSS style selection scheme, when we download Kendo UI compression package, in the styles this folder we will see a lot of CSS style, beginners may not know what they are doing, then I will tell you, If we want to change the selected style, we just need to change the CSS file we introduced, in the Styles folder, find kendo.silver.min.css This file, will introduce the KENDO.DEFAULT.MIN.CSS this statement delete can be:

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

Or take Panelbar as an example, let's look at the effect:

is not a lot of good looking, in fact, Kendo UI gives us a lot of options, here do not introduce one by one, the following attached a few:

(1), kendo.highcontrast.min.css

　　　　　　

(2), Kendo.moonlight.min.css:

　　　　　　

(3), Kendo.black.min.css:

　　　　　　

4. Summary:

About Kendo UI style introduced first here, the above shows a few CSS styles, kendo UI style has a lot of, you can try various styles, choose a satisfactory.

About using the Kendo UI to change the color style