发布网友
共3个回答
热心网友
方法一:通过设置七个CSS属性对应的脚本特性来实现。
<button onClick="change()">改变滚动条样式</button>
<script>
function change(){
with(document.body.style){
scrollbar3dLightColor="#FFFFFF"
scrollbarArrowColor="#1948B4"
scrollbarDarkShadowColor="#1948B4"
scrollbarFaceColor="#DAE6FF"
scrollbarHighlightColor="#DAE6FF"
scrollbarShadowColor="#DAE6FF"
scrollbarTrackColor="#FFFFFF"
}
}
document.write(new Array(100).join("<br>"))
</script>
方法二:只设置滚动条的基准颜色。
<script>
function change(color) {
document.body.style.scrollbarBaseColor =color
}
</script>
<button onClick="change(’#DAE6FF’)">style1</button>
<button onClick="change(’#DEDEDE’)">style2</button>
<script>document.write(new Array(100).join("<br>"))</script>追问这段代码我要贴到什么地方才能生效呢
热心网友
网页链接这个里面有个可用方案。settings-editor-color scheme,点齿轮选择导出.icls,打开这个文件,按照这个链接下方评论里的内容粘贴到<color>块里,然后点齿轮导入
热心网友
可以下载那些修改主题的插件,比如 Material Theme UI