以修改上方滾動條寬度為例
打開開發者工具
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文件最前面
最終效果
再也不擔心拖動時誤點到切換文件了
