search

981377660LMT / ts

ts学习
6 stars 1 forks source link

修改 scrollbar 样式 #446

Open 981377660LMT opened 7 months ago

981377660LMT commented 7 months ago

https://rem486.top/web/css/chrome-scroll-bar.html

981377660LMT commented 7 months ago

image

981377660LMT commented 7 months ago

https://www.digitalocean.com/community/tutorials/customize-the-browsers-scrollbar-with-css

981377660LMT commented 7 months ago 
/* Designing for scroll-bar */
&::-webkit-scrollbar {
  width: 6px;
}

/* Track */
&::-webkit-scrollbar-track {
  background: gainsboro;
  border-radius: 5px;
}

/* Handle */
&::-webkit-scrollbar-thumb {
  background: black;
  border-radius: 5px;
}

/* Handle on hover */
&::-webkit-scrollbar-thumb:hover {
  background: #555;
}
981377660LMT commented 7 months ago
image
981377660LMT commented 7 months ago

修改属性需要 &::-webkit-scrollbar 样式存在