zoukankan      html  css  js  c++  java
  • 关于kendo ui的使用改变颜色方式

    1、概述:

      在网上kendo ui教程中示例在演示的时候引用的css样式为kendo.common.min.css与kendo.default.min.css这两个外部样式,大家有没有发现,这两个样式在选中的时候会出现一个黄色的选中条,很难看(当然排除配色需要用到的黄色的时候),多数情况下我们使用kendo ui是不会使用这个黄色的选中效果的,如何修改呢?

    2、引入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为例,我们来看一下效果:

    看到这个黄色的选中条了吧,是不是不太符合我们平时的审美呢?

    3、如何改变选中样式:

      其实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:

          

    4、总结:

      关于kendo ui样式得介绍就先到这里,上面又演示了几个CSS样式,kendo ui的样式有很多,大家可以去试试各种样式,挑选一个满意的。

  • 相关阅读:
    删除使用RMAN命令备份的文件
    查看.Net Framework版本的方法(zz)
    c# Foreach last (zz)
    Visual Studio 2008 QFE (zz)
    打印机的接口
    牛人的PENTAX单反之路
    我新进的宾得K10D机器和镜头
    买车险要有足额第三者责任险
    谈谈P家的SUPERTAKUAMR
    硬盘接口总结
  • 原文地址:https://www.cnblogs.com/shazhou-blog/p/5226764.html
Copyright © 2011-2022 走看看