-
-
拟好 初学数据Lv2
发表于2022-6-2 11:28
悬赏5
已解决
楼主
tab页的标签页设置字体颜色后，发现无法再从脚本中修改字体颜色（在html中标签页的默认字体优先级高于我设置的字体颜色属性），如何能将标签页的属性修改为默认？ 切换tab页风格也不能修改回默认值。
如图所示，左边是被我修改格式后的标签页，右边是原格式。
最近看过此主题的会员
最佳答案
本地测试我也发现设置了脚本后，再在设置工具栏上设置字体颜色和背景色可能会出现问题
您这边方便重新建一张报表，新建一下TAB页，把原先报表里的内容（除了TAB页）都ctrl+c ctrl+v到新的报表中呢，在加上脚本试试效果呢
13个回答
您在哪设置的标签页样式，您的脚本又是怎么写的，能把设置和脚本截图看下嘛
目前您的需求是需要把设置的样式都去掉是吗？变成新增加一页时出现的这种风格自带的样式是吗
一点一点 发表于 2022-6-2 12:10
您在哪设置的标签页样式，您的脚本又是怎么写的，能把设置和脚本截图看下嘛
目前您的需求是需要把设置的样 ...
您好，后面我发现可以对color设置!important实现字体颜色强制生效，如下图所示。
但是我的问题就是我在编辑区中修改了tab页的字体颜色，如下图所示，但我无法再将它还原为默认的字体颜色了，请问有办法在编辑区中将tab页设置回默认的字体颜色吗？因为这个字体颜色会修改上图中span里的style样式，并且要修改这个样式需要像上文一样通过!important实现强制应用才能替换。
拟好 发表于 2022-6-2 13:55
您好，后面我发现可以对color设置!important实现字体颜色强制生效，如下图所示。
但是我的问题就是我在编 ...
在编辑区工具栏中可以设置字体颜色，您为什么又要写脚本来控制字体颜色呢
颜值区总司令 发表于 2022-6-2 14:10
在编辑区工具栏中可以设置字体颜色，您为什么又要写脚本来控制字体颜色呢
...
因为我需要动态修改字体颜色，在点击切换tab页时让该tab页字体改为白色，未选中时显示为黑色。
本帖最后由 两包辣条约吗 于 2022-6-2 14:51 编辑
拟好 发表于 2022-6-2 14:47
因为我需要动态修改字体颜色，在点击切换tab页时让该tab页字体改为白色，未选中时显示为黑色。 ...
您是什么版本，表样可以导出一下嘛，不需要TAB中的内容，我只想看看目前脚本和tab页是什么效果，我本地试试
本帖最后由 拟好 于 2022-6-2 15:17 编辑
两包辣条约吗 发表于 2022-6-2 14:49
您是什么版本，表样可以导出一下嘛，不需要TAB中的内容，我只想看看目前脚本和tab页是什么效果，我本地试 ...
您好，版本是标准版 V5.2.2_20200414120530，脚本在全局的报表自定义样式中，也会在下面贴出。
分析表_20220602_151131.zip
(13.1 KB, 下载次数: )
- /*标签占内容框的位置*/
- #HHH50 .xtabctrl .xtab-header-blue3 {
- border: 4px solid #F5F6F9;
- height: 80px;
- background-color:transparent;
- }
- /*激活标签样式控制*/
- #HHH50 .xtabctrl .xtab-header-blue3 .xtab-header-active {
- border-radius:4px;
- color:#FFFFFF;
- background-color:#397EF0;
- }
- /* 未选中状态的标签头 */
- #HHH50 .xtabctrl .xtab-header-blue3 .xtab-header-center {
- color: #262626; /* 标签文字颜色#262626 修改无反应*/
- padding-top: 5px; /* 标签文字距离标签边框的上边距*/
- font-size: 14px; /* 标签文字大小 */
- font-weight: 400px; /* 标签文字粗细 */
- line-height: 20px; /* 标签文字行距 */
- height:30px; /* 标签头的高度 */
- width:160px;
- }
- /* 选中状态的标签头 */
- .xtabctrl .xtab-header-blue3 .xtab-header-active .xtab-header-center{
- color: #FFFFFF;
- font-weight: 500px;
- border-radius: 4px;
- background: #397EF0; /* 标签背景颜色 */
- }
- /* 标签样式控制 test */
- #HHH50 .xtabctrl .xtab-header-blue3 ul li{
- text-align: center;
- margin:0 0 0 0;
- border-top: 1px solid #397EF0;
- border-bottom: 1px solid #397EF0;
- background-color:transparent;
- }
- /* 头尾标签样式控制 */
- #HHH50 .xtabctrl .xtab-header-blue3 ul li:first-child{
- border-radius:4px 4px 4px 4px;
- border-left: 1px solid #397EF0;
- }
- #HHH50 .xtabctrl .xtab-header-blue3 ul li:last-child{
- border-radius:4px 4px 4px 4px;
- border-right: 1px solid #397EF0;
- }
图一这是您想实现的效果是吗
在哪设置之后这个脚本的效果失效了呢
我本地测试在属性TAB页上工具栏中改变颜色后，脚本依然生效
