改变滚动条的默认样式
<div class="scroll"></div>
<style lang="scss" scoped>
/*滚动条样式*/
/deep/.scroll::-webkit-scrollbar {
width: 4px;
height: 4px;
}
/deep/.scroll::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(24, 144, 255, 0.2);
background: rgba(24, 144, 255, 1);
}
/deep/.scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(212, 235, 255, 0.2);
border-radius: 0;
background: rgba(212, 235, 255, 1);
}
</style>
效果如下: