easyui改变tree的字体颜色，大小。

自己想做点东西，用easyui的时候发现tree的样子好难看，但是在网上搜索不到相关修改字体颜色的方法。自己研究了一下，希望能帮到那些和我一样困惑的人；

改变tree 字体颜色，大小：

两种解决方案：

1.树加载的时候就改变它的颜色：使用<font>标签

$('#firstNav').tree({    
   url:'json/tree_data1.json',
method:'get',
animate:true,
dnd:true,
formatter:function(node){
var s ='<font color="red" size="5">'+node.text+'</font>';
if (node.children){
s += ' <span style=\'color:blue\'>(' + node.children.length + ')</span>';
} 
 
return s;
}    
}); 

弊端：只能改变字体颜色大小，无法改变承载字体框的大小，看起来更难看，起码是一种方法。

2.修改默认配置css文件修改，

在easyui中按路径查找 themes/default/easyui.css 打开css文件，在2525行到2792行都是tree的样式，修改大小在2551行height属性。修改字体大小在2616行

我们可以再这里都改一改看都有什么效果。绝对可以调出自己想要的样子，但是有一点，好像icon的大小不能改否则会出现别的图表。这个结果应该是所有图表都在一张大图上，而每次使用图表的时候在这张大图上进行内存切割，切割矩形的width和height可能用的这里的配置。所以出现图表错乱。做过C++游戏开发都都会用到这样的技术。如果我的猜想不正确可以给我留言相互交流。

授人以鱼不如授人以渔，教大家一种方法可以从网页中找到该空间对应的css样式在那个文件那个地方：

推荐大家使用谷歌浏览器，挑错真的很好用

1.打开自己的网页，在自己想查的控件上右击选择检查或者按F12.选择elements，主框里显示的是html结构，子框第一项style显示的是样式，在其中的element style里就可以看到现在控件的状态，右上角就是样式的所在文件和位置。