自定义滚动条方案
::-webkit-scrollbar {width:10px; height:10px; background-color:transparent;} /*自定义滚动条宽、高、背景色*/
::-webkit-scrollbar-track {background-color:#FF0000; border-radius:10px; } /*自定义滚动条轨道颜色、圆角*/
::-webkit-scrollbar-thumb {background-color:#00FF00; border-radius:10px; } /*定义滑块颜色、圆角*/
新建ScrollBar.css添加到工程的help/css文件夹里面
如果是cpt,点击【模板】-【模板web属性】-【分页/填报预览设置】,添加加载起始事件,输入下述代码:
$('').appendTo('head')
如果是frm,打开一个决策报表,在report的事件里面添加初始化后事件,输入下述代码:
$('').appendTo('head')
移动端暂不支持,不支持cptx 和 新自适应,该css只支持谷歌和edge
=========
直接初始化事件
var style=document.createElement('style');
style.innerHTML=".test::before{color:green}";
document.head.appendChild(style);
document.styleSheets[0].insertRule('::-webkit-scrollbar {width:10px; height:10px; background-color:transparent;}',0)
document.styleSheets[0].insertRule('::-webkit-scrollbar-track {background-color:#FF0000; border-radius:10px; }',0)
document.styleSheets[0].insertRule('::-webkit-scrollbar-thumb {background-color:#00FF00; border-radius:10px; }',0)