scrollbar属性写法
时间: 2023-10-26 08:15:21 浏览: 76
自定义的scrollBar
4星 · 用户满意度95%
Scrollbar属性是CSS的一种属性,用于设置元素的滚动条样式和行为。以下是Scrollbar属性的一些常见写法:
1. 设置元素的滚动条宽度和颜色:
```
::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
background-color: #C1C1C1;
}
```
2. 隐藏元素的滚动条:
```
::-webkit-scrollbar {
display: none;
}
```
3. 设置元素的滚动条样式为圆形:
```
::-webkit-scrollbar-thumb {
border-radius: 10px;
}
```
4. 设置元素的滚动条样式为渐变:
```
::-webkit-scrollbar-thumb {
background: linear-gradient(45deg, #FEB692, #EA5455);
}
```
5. 设置元素的滚动条在鼠标悬停时变色:
```
::-webkit-scrollbar-thumb:hover {
background-color: #9D9D9D;
}
```
阅读全文