火狐的滚动条是否可以修改圆角
时间: 2023-10-09 14:11:17 浏览: 117
可以自由修改外观的滚动条-源代码
4星 · 用户满意度95%
是的,火狐浏览器的滚动条可以修改圆角。可以使用以下CSS代码来实现:
`
/* 滚动条整体样式 */
body {
scrollbar-width: thin; /* 火狐浏览器必需 */
scrollbar-color: #999 #eee; /* 滚动条颜色 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
background-color: #eee; /* 轨道颜色 */
border-radius: 10px; /* 轨道圆角 */
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background-color: #999; /* 滑块颜色 */
border-radius: 10px; /* 滑块圆角 */
}
```
需要注意的是,上面的代码中,`border-radius` 属性可以控制滚动条轨道和滑块的圆角。如果想要更大的圆角,可以增加属性值。
阅读全文