博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
设置浏览器默认滚动条(谷歌)
阅读量:5794 次
发布时间:2019-06-18

本文共 1618 字,大约阅读时间需要 5 分钟。

/* 设置滚动条的样式 */::-webkit-scrollbar {
width:6px; height:6px;}/* horizontal 水平方向滚动条两端按钮 */::-webkit-scrollbar-button:horizontal:decrement{
width:6px; height:6px;border-top: 50px solid transparent;border-right: 100px solid #aeafb1;border-bottom: 50px solid transparent;}/*左侧*/::-webkit-scrollbar-button:horizontal:increment{
width:6px; height:6px;border-top: 50px solid transparent;border-left: 100px solid #aeafb1;border-bottom: 50px solid transparent;}/*右侧*/::-webkit-scrollbar-button:horizontal:decrement:hover{
border-right: 100px solid #565758;}::-webkit-scrollbar-button:horizontal:increment:hover{
border-left: 100px solid #565758;}/* vertical 垂直方向滚动条两端按钮*/::-webkit-scrollbar-button:vertical:decrement{
width:6px; height:6px;border-left: 50px solid transparent; border-right: 50px solid transparent;border-bottom: 100px solid #aeafb1;}/*上方*/::-webkit-scrollbar-button:vertical:increment{
width:6px; height:6px;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 100px solid #aeafb1;}/*下方*/::-webkit-scrollbar-button:vertical:decrement:hover{
border-bottom: 100px solid #565758;}::-webkit-scrollbar-button:vertical:increment:hover{
border-top: 100px solid #565758;}/* 滚动槽 */::-webkit-scrollbar-track:horizontal{
border-radius: 3px; background: rgba(228,230,232,1); margin:0 5px;} /*水平*/::-webkit-scrollbar-track:vertical{
border-radius: 3px; background: rgba(228,230,232,1); margin:5px 0;} /*垂直*//* 滚动条滑块 */::-webkit-scrollbar-thumb {
border-radius: 3px; background: rgba(87,88,89,1);}

 

转载于:https://www.cnblogs.com/dengxiaoqing/p/5139147.html

你可能感兴趣的文章
C# 矩阵作业
查看>>
俺的新书《Sencha Touch实战》终于出版了
查看>>
关于数据库查询时报“query block has incorrect number of result columns”
查看>>
li下的ul----多级列表
查看>>
UVa 11292 勇者斗恶龙(The Dragon of Loowater)
查看>>
线程退出时执行函数,处理资源
查看>>
Wine QQ2012 笔记
查看>>
qml demo分析(clocks-时钟)
查看>>
vue去掉#——History模式
查看>>
2018年7月第一周网站建站笔记
查看>>
MongoDB工具MagicMongoDBTool使用介绍(一) -- 简单MongoDB入门
查看>>
javascript的事件
查看>>
201521123009 《Java程序设计》第1周学习总结
查看>>
年终述职--常见问题分析解答
查看>>
在mui中创建aJax来请求数据..并展示在页面上
查看>>
spring 之AOP
查看>>
总结 15/4/23
查看>>
Windows 7环境下网站性能测试小工具 Apache Bench 和 Webbench使用和下载
查看>>
C#常见错误解决方法
查看>>
安装cnpm (npm淘宝镜像)
查看>>