/* 自定义滚动条样式 */
/* 滚动条整体部分 */
::-webkit-scrollbar {
width: 10px; /* 设置滚动条宽度 */
}
/* 滚动条的轨道 */
::-webkit-scrollbar-track {
background: #f1f1f1; /* 设置轨道背景颜色 */
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background: #888; /* 设置滑块背景颜色 */
border-radius: 5px; /* 设置滑块圆角 */
}
/* 滑块悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
background: #555; /* 设置滑块悬停时的背景颜色 */
}
::-webkit-scrollbar:选择整个滚动条,设置其宽度。::-webkit-scrollbar-track:选择滚动条的轨道部分,设置其背景颜色。::-webkit-scrollbar-thumb:选择滚动条的滑块部分,设置其背景颜色和圆角。::-webkit-scrollbar-thumb:hover:当鼠标悬停在滑块上时,改变滑块的背景颜色。这些样式只适用于基于 WebKit 的浏览器(如 Chrome 和 Safari)。对于其他浏览器,可能需要使用不同的前缀或方法来实现类似的效果。
上一篇:css 靠右
下一篇:css 禁止选中
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站