首页 > 其他分享 >修改滚动条的样式

修改滚动条的样式

时间:2022-11-09 14:11:18浏览次数:48  
标签:修改 样式 滚动条 0.1 scrollbar radius webkit

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: #78b4b4;
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
}

 

标签:修改,样式,滚动条,0.1,scrollbar,radius,webkit
From: https://www.cnblogs.com/heibaiqi/p/16873431.html

相关文章

  • 超详细的QSS样式表入门Demo
    超详细的QSS样式表入门Demo_mahuifa的博客-CSDN博客_qss样式超详细的QSS样式表入门Demomahuifa已于 2022-08-0222:52:28 修改2717收藏165分......
  • vue默认端口号(port:8080)修改
    工作中可能存在启动多个项目的时候,默认端口号会被占,导致启动错误,这种情况下把要启动的项目的端口号换掉,启动未用的端口就可以了,具体实现如下:一.vue-cli2方式1.vue-cli2......
  • Git修改分支名称
    今日份鸡汤:当你烦恼不断的时候,就走出去看看,看看不同的风景,接触不同的人和事。介绍两种方式吧:方法一:使用git命令操作1、修改本地分支名称gitbranch-moldBranchNamen......
  • java中将word转换为html导入到ckeditor编辑器中(解决图片问题,样式,非常完美)
    ​ 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑......
  • 19个免费好用的CSS代码样式生成器工具
    整理编辑| 杨小爱CSS生成器可以帮助每个开发人员的生活变得轻松,提升工作效率,因为它可以立即实现大部分CSS效果,如阴影、边框、按钮颜色/形状等等。在本文中,我将分享19......
  • SAP ABAP 修改已释放的请求(CTS)
    1.SE11进入E070数据库表  2.输入需要修改的请求号 3.双击  4./H回车两次,调起DEBUG模式  4.将CODE的值SHOW改为EDIT  5.修改后点击保存  ......
  • SAP ABAP SE16N修改表的数据
    T-CODE:SE16N输入表名称/H回车两次进入DEBUG模式GD-SAPEDIT值为'X'、GD-EDIT值为'X'  继续向下执行,可以看到表是可修改状态 ......
  • 【luffy】前台全局样式、后台主页模块接口、跨域问题、自定义配置、git介绍和安装
    目录1.前台全局样式和js配置1.1bodydiv默认样式,统一去掉1.2全局配置2.后台主页模块接口2.1根据原型图分析出来2.2软件开发模式2.3轮播图表2.4轮播图接口编写3.......
  • wi10 修改 pip源
    使用国内源全局win+R输入%APPDATA%回车新建pip/pip.ini写入如下内容[global]index-url=https://pypi.tuna.tsinghua.edu.cn/simple[install]trusted-hos......
  • JavaScript实现滚动条滚动给div加颜色
    实现原理当滚动的距离大于某一个元素到页面顶部的距离时候,给元素设置实现步骤1.获取某一个元素到页面顶部的距离2.如果距离大于零则给div加上颜色,如果等于0,即归位的时......