如何更改easyUI的样式表

html-css023

如何更改easyUI的样式表,第1张

easyui的css文件夹下面有一个theme文件夹,里面就是装了不同风格的样式表,每个组件都有单独一个文件,也有一个全部合起来的easyui.css,找到panel.css后就复制几个,然后再单独修改

easyui不是100%能满足所有你手工开发html的功能,你只能按照他文档,按照他的方式来使用,因为easyui本身用了好多js来包装的你html源,导致最后的文档跟你当初的原始文档差了不少

既然使用了easyui建议你就不要再使用,最起码不要过多的使用自定义的样式,初学者很容易被搞晕。外部或者内部css没有被引入进来的问题可能是你引入的点没有放在easyui的css文件后面,css跟加载顺序是相关的,因为css本身叫层叠样式,还有一种可能是你用id或者class来定义样式的时候,你是按照原始html文档来定义的,但是被easyui的js处理完后,你文档结构有可能被修改,导致样式失效。

建议你初期直接使用easyui提供的样式,不要自己定义了

你左侧鼠标移动上去看不到字的问题,我给你2个建议:

第一,使用类似firefox浏览器firebug来调试一下,看下鼠标移动上去蓝色的条是哪个css或者js文件定义的,光看谁也不知道是怎么回事,一定要借助工具来帮助你开发。

第二,放弃你现在的结构,我觉得,既然你左侧是菜单,为何不在accordion内嵌入tree呢?美观还好用。

学easyui不难,但是你要想用了easyui再自己定义一堆堆的样式,很难,很多用了一段时间的也会被搞晕,比如我,呵呵