Vue.js Vuetify自定义滚动条

我尝试了Vuetify的不同自定义滚动条，但失败了。这是我试过的其中一个（我试过v-navigation-drawer）

Vuejs自定义滚动条

Vuejs自定义滚动条工作示例

Vuetify示例不起作用

有人能告诉我你们是否能为Vuetify定制滚动条吗？谢谢

变化：

• 将“v-list”（导致溢出的元素）包装到v-bar元素中
• 已从库列表中删除vue
• css中的一行

css:

---

我直接修改源代码

路径下：
节点\u模块\vuetify\src\components\VNavigationDrawer

//directly modify the scrollbar style you want.
.v-navigation-drawer__content
  height: 100%
  overflow-y: auto
  overflow-x: hidden !important
  &::-webkit-scrollbar
    width: 1px                                        
  &::-webkit-scrollbar-thumb
    background: black                                 
    border-radius: 20px    

---

你最终找到了一个有效的吗？@WildanMaulanaSyahidillah，请看下面的答案。谢谢@user1852788的回答，你说从库列表中删除vue是什么意思？vue库有两个包含：在html部分和“设置->Javascript->外部脚本/笔”中，我已经尝试了所有这些。。。但它所做的只是删除默认的滚动条。v-navigation-drawer\uu内容高度：100%溢出-y:auto-overflow-x:hidden！重要提示：&:：-webkit滚动条宽度：1px&:：-webkit滚动条拇指背景：黑色边框半径：20px

.vuebar-element  {
    height: 100%;

//directly modify the scrollbar style you want.
.v-navigation-drawer__content
  height: 100%
  overflow-y: auto
  overflow-x: hidden !important
  &::-webkit-scrollbar
    width: 1px                                        
  &::-webkit-scrollbar-thumb
    background: black                                 
    border-radius: 20px