滚动条的样式提到全局

This commit is contained in:
bob
2024-09-05 10:57:45 +08:00
parent 2a890132a6
commit b7b7c9c793
2 changed files with 18 additions and 17 deletions

View File

@@ -41,3 +41,21 @@ body {
.bdr-l {
border-left: 1px solid #e9e9eb;
}
// 应用到全局
::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: unset;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: unset;
}
:hover {
::-webkit-scrollbar-thumb {
background-color: #409eff;
}
}

View File

@@ -26,22 +26,5 @@ const options = {
.ql-editor {
padding: 8px;
font-size: 14px;
&::-webkit-scrollbar {
width: 3px;
height: 3px;
background-color: unset;
}
&::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: unset;
}
&:hover {
&::-webkit-scrollbar-thumb {
background-color: #409eff;
}
}
}
</style>