滚动条样式修改

摘要:
::-webkit-scrollbar{width:5px;//对垂直流动条有效height:10px;//对水平流动条有效}//定义滚动条的轨道颜色、内阴影及圆角::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,.3);background-color:transparent;border-radius:100px
::-webkit-scrollbar {width:5px;//对垂直流动条有效
height:10px;//对水平流动条有效
}
//定义滚动条的轨道颜色、内阴影及圆角
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:transparent;border-radius:100px;
}

//定义滑块颜色、内阴影及圆角
::-webkit-scrollbar-thumb{border-radius:100px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#0D9FE3;
}
//定义两端按钮的样式
::-webkit-scrollbar-button {background-color:transparent;
}
//定义右下角汇合处的样式
::-webkit-scrollbar-corner {background:khaki;
}

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

上篇获取请求的Headers部分在Spring中配置Hibernate事务下篇

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

相关文章

[原]零基础学习SDL开发之在Android使用SDL2.0渲染PNG图片

在上一篇文章我们知道了如何在android使用SDL2.0来渲染显示一张bmp图,但是如果是一张png或者一张jpg的图,那么还能显示成功么?答案是否定的 我们需要移植SDL_image库来支持除bmp之外的图片格式。 一、移植SDL_image库: 使用如下命令,从SDLMercurial获取SDL_image的源码: hg clone https://...

div宽度固定,将其中的文字换行,并动态获取div的高

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../jquery.js"></script> </head>...

JQuery iframe宽高度自适应浏览器窗口大小的解决方法

iframe宽高度自适应浏览器窗口大小的解决方法   by:授客 QQ:1033553122 1.   测试环境 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js   Bootstrap-3.3.7-dis...

前端-HTML基础+CSS基础

HTML HTML <p></p>段落标签*** <h></h>标题标签H** <div></div>块级标签 白板***** <span></span>行内标签 白板***** <input /> 文本框标签 ***** <form&...

python3 破解 geetest(极验)的滑块验证码

Kernel_wu 快速学习的实践者 python3 破解 geetest(极验)的滑块验证码 from selenium import webdriver from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.common.action_chain...

backgroundsize

background-size: auto || <length> || <percentage> || cover || contain 取值说明: 1、auto:此值为默认值,保持背景图片的原始高度和宽度; 2、<length>此值设置具体的值,可以改变背景图片的大小; 3、<percentage>此值为...