From 55727bd7387c7ad941567a0c70716ab26fc84329 Mon Sep 17 00:00:00 2001 From: LiuJiJiang <1357885013@qq.com> Date: Sat, 23 Oct 2021 23:15:32 +0800 Subject: [PATCH] style: add styles to scroll bar (#364) --- src/styles/global.less | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/src/styles/global.less b/src/styles/global.less index 93a3dd76..4508294f 100644 --- a/src/styles/global.less +++ b/src/styles/global.less @@ -951,3 +951,28 @@ body { transform: rotate(360deg); } } + +/* scroll bar style */ +*::-webkit-scrollbar-track-piece{ + background-color: #f8f8f8; + -webkit-border-radius: 2em; + -moz-border-radius: 2em; + border-radius: 2em; +} + +*::-webkit-scrollbar{ + width: 8px; + height: 8px; +} + +*::-webkit-scrollbar-thumb{ + background-color: #ddd; + background-clip: padding-box; + -webkit-border-radius: 2em; + -moz-border-radius: 2em; + border-radius: 2em; +} + +*::-webkit-scrollbar-thumb:hover{ + background-color: #bbb; +}