【CSS】滚动条样式

摘要:
/*定义滚动条的宽度、高度和背景。宽度和高度对应于水平和垂直滚动条的尺寸*/scrollbar::-webkit滚动条{width:16px;height:16px,背景色:#f5f5f5;}/*定义滚动条的轨迹、内部阴影和圆角*/。滚动条::-webkit滚动轨迹{-webkit框阴影:inset006pxrgba(0,0
/*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/
.scrollbar::-webkit-scrollbar{
    width: 16px;
    height: 16px;
    background-color: #f5f5f5;
}
/*定义滚动条的轨道,内阴影及圆角*/
.scrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}
/*定义滑块,内阴影及圆角*/
.scrollbar::-webkit-scrollbar-thumb{
    /* 10px;*/
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

免责声明:文章转载自《【CSS】滚动条样式》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C#7.0新特性和语法糖详解boost asio 学习(五) 错误处理下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Swiper

https://blog.csdn.net/weixin_43227172/article/details/86542438(copy) 开始之前,请先确保有一个基于webpack模板的项目(vue-cli脚手架一键安装~) 1.npm命令安装swipernpm install swiper --save-dev2.在需要用到swiper插件的组件中引入s...

vs2005 QT4.7.1编译 详细

http://blog.csdn.net/debugconsole/article/details/8230683 网上一搜有QT+2005编译的很多文章,但是都不详细,很多都编不过,特别的在configure 命令的时候会有 File or path is not found<nmake>提示。这说明系统没找到VS nmake.exe路径。...

Android 打造形形色色的进度条 实现可以如此简单

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/43371299,本文出自:【张鸿洋的博客】 1、概述 最近需要用进度条,秉着不重复造轮子的原则,上github上搜索了一番,看了几个觉得比较好看的ProgressBar,比如:daimajia的等。简单看了下代码,基本都是继承自View,彻...

CSS媒体查询

格式(style:{})元素设置: body{background-color:#0033FF; } /*媒体查询:当页面宽度最大为960px时*/@media screen and (max- 960px){ /*body背景颜色为*/body{ background-color:#FF6699...

浏览器滚动条的参数总结

有朋友常提关于IE滚动条的问题,特总结该贴。简单地介绍一下涉及浏览器滚动条的样式表内容(某些样式需ie5.5+才能支持):1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)    overflow-x水平方向内容溢出时的设置    overflow-y垂直方向内容溢出时的设置    以上三个属性设置的值为visible(默认值)、scro...

CSS3的新增选择器

一、兄弟选择器:选择E元素所有兄弟元素F。 <style> p~p{ color:#f00;} </style> </head> <body> <div><!--该div是父元素--> <p>中国十大杰出人物</p>...