找回密码
 立即注册

QQ登录

只需一步,快速开始

Derrick.Jiao 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-4-8 12:29  /   查看:2593  /  回复:2
有的小伙伴想要对表单的样式有进一步修改的需求,这时,我们可以通过覆盖原生样式的元素达到更改对应颜色的需求。

不过,在开始前,小伙伴们可以先到下方链接看下有没符合自己需求的主题或者Spread主题。因为我们提供了较为丰富的主题给用户选择,如果没有更进一步的定制可以直接用我们提供的主题,可以减少代码量。
https://demo.grapecity.com.cn/sp ... ternal-theme/purejs
https://demo.grapecity.com.cn/sp ... spread-theme/purejs

相信有前端基础的小伙伴应该对CSS不陌生了,这里我们直接来讲应该修改哪些对应样式。

1)表单名称hover可以修改这个类名的样式.gc-tab-hover
image.png709356689.png

2)修改下图的对应的样式可以用这几个类修改
1:gc-tab-normal
2、3:gc-tab-active
4、5: gc-tabStripBackground
image.png94262389.png

3)修改筛选框的颜色可以用.gc-filter-dialog-style
image.png470890197.png

4)修改行头列头的样式可以参考下方链接的demo
image.png477506713.png
https://demo.grapecity.com.cn/Sp ... #/demos/customTheme

一般来说,在CSS都能找都对应的CSS,如果找不到或者没有那就可能是不支持修改的,可以多试多找。最后,需要注意的是,非必要的情况下不建议覆盖修改样式,尽可能避免一些未知的风险。

2 个回复

倒序浏览
昵称合法
注册会员   /  发表于:2023-5-26 10:22:01
沙发
写了不生效。
image.jpg
回复 使用道具 举报
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-5-29 11:31:39
板凳
可以上传一个你修改css后的demo,我帮你看看原因
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部