首页 > 其他 > 详细

vscode修改样式

时间:2019-07-05 22:27:45      阅读:571      评论:0      收藏:0      [点我收藏+]

以修改上方滚动条宽度为例

打开开发者工具

help->toggle developer tool 或者快捷键 ctrl+shift+i

技术分享图片

 

选择滚动条,找到css对应文件

技术分享图片

鼠标移上去可以看到路径,类似C:\Users\Administrator\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench\workbench.main.css

技术分享图片

 

 观察滚动条,通过css选择器,修改熟悉,把相关代码写入上面css文件中

默认css选择器
invisible.scrollbar.horizontal.fade, invisible.scrollbar.horizontal.fade>.slider
触发时选择器
.visible.scrollbar.horizontal,.visible.scrollbar.horizontal>.slider.active

最终css如下
.visible.scrollbar.horizontal,.invisible.scrollbar.horizontal.fade{height: 15px !important;}.visible.scrollbar.horizontal>.slider,.visible.scrollbar.horizontal>.slider.active,.invisible.scrollbar.horizontal.fade>.slider,.slider.active,invisible.scrollbar.horizontal.fade>.slider.active {height: 15px !important;}

然后把css放入对应css文件最前面

技术分享图片

 

最终效果

再也不担心拖动时误点到切换文件了

技术分享图片

 

vscode修改样式

原文:https://www.cnblogs.com/lurenjia1994/p/11140700.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!