peihaoyu/nebula
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 滚动条样式调整

Browse Source
This commit is contained in:
ronger 2021-01-06 16:09:43 +08:00
parent ef557e1d87
commit 56dcc63378
1 changed files with 170 additions and 148 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
layouts/default.vue
View File

@ -183,4 +183,26 @@
text-align: right; text-align: right;
} }
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width: 1px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 0, 0, 0.4);
}
</style> </style>