easyui-accordion 设置标题颜色

 时间:2024-11-05 17:22:59

1、accordion的创建很简单,我们在html里输入一个div就代表一个选项,title就是选项的标头。

easyui-accordion 设置标题颜色

2、js里直接调用easyui的accordion方法就行了,可以不用任何的参数。

easyui-accordion 设置标题颜色

3、运行页面,我们就可以得到一个漂亮的accordion控件的,这里控件默认的颜色。

easyui-accordion 设置标题颜色

4、要更改控件的标题颜色,我们使用最简单的方法,样式覆盖就行了。accordion-header就是颜色标题的样式,我们输入自己喜欢的背景色就行了,相应的要调整标题的文字颜色,修改的是panel-title的样式。

easyui-accordion 设置标题颜色

5、还需要修改accordion-header-selected的样式,这是当前选中的选项的标题。

easyui-accordion 设置标题颜色

6、要覆盖原来的样式,我们需要在每一个样式名前添加一个.container,这样才能比原来的样式有更大的优先级。完整的样式如图。

easyui-accordion 设置标题颜色

7、重新运行页面,就可以得到一个自己定义颜色的accordion了,更漂亮,美观的颜色大家可以自己调整颜色值。

easyui-accordion 设置标题颜色
  • jquery如何实现点击某一个div,弹出一个对话框?
  • layer标题修改;layer弹出框修改标题
  • jquery 怎么获取span下第一个i标签
  • jquery如何求一个数组内元素值的和
  • jquery如何让所有图片出现边框
  • 热门搜索
    旅游计划ppt 舟山市旅游委员会 萍乡旅游景点大全 乌拉盖草原旅游攻略 2月份去哪里旅游好 琼海旅游景点 旅游计划书范文 杭州黄龙旅游集散中心 云南旅游局官方网站 济南红叶谷旅游攻略