easyui 主题颜色修改

最新推荐文章于 2025-07-30 11:45:54 发布

我的马儿有些瘦

最新推荐文章于 2025-07-30 11:45:54 发布

阅读量4.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端页面布局文章标签： EasyUI

本文链接：https://blog.youkuaiyun.com/LGJmutou/article/details/84545848

前端页面布局专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在EasyUI中修改主题颜色，包括编辑easyui.css文件中的背景颜色属性，以及通过外部布局模块直接自定义样式。具体展示了如何对不同区域如north、west、east、south进行颜色设置。

easyui 主题颜色修改

easyui.css文件，115行的background-color:XX修改为自定义颜色；
外部布局模块的直接自定义：style=“background:XX”

<div data-options="region:'north'" style="height:60px;background:#84C1FF;padding:10px;font-size: 24px;"></div>
<div data-options="region:'west',split:true,title:'',border:false" style="width:300px;padding:10px;"></div>
<div data-options="region:'east',split:true,title:'',border:false" style="width:300px;padding:10px;"></div>
<div data-options="region:'south',border:false" style="height:30px;background:#84C1FF;padding:10px;"></div>