滚动条样式全局修改

滚动条样式全局修改滚动条样式是当前浏览器的样式,以webkit内核为准。改的全局样式。不单单是elementUI样式新建一个reset.scss//border-radius圆角/*设置滚动条的样式*/

大家好,又见面了,我是你们的朋友全栈君。

滚动条样式是当前浏览器的样式,以webkit内核为准。改的全局样式。不单单是elementUI样式

新建一个reset.scss

// border-radius 圆角

/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  // width: 2px;
  // height: 2px;
  // height: 67px;
}
::scrollbar {
  width: 6px;
  height: 6px;
  // width: 2px;
  // height: 2px;
  // height: 67px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  display: none;
  // -webkit-box-shadow: inset 0 0 3px #b18933;
  // border-radius: 1px;
}
::scrollbar-track {
  display: none;
  // -webkit-box-shadow: inset 0 0 3px #98f165;
  // border-radius: 1px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #006666;
  -webkit-box-shadow: inset 0 0 1px #006666;
}
::scrollbar-thumb {
  border-radius: 10px;
  background: #006666;
  -webkit-box-shadow: inset 0 0 1px #006666;
}

  

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/154758.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • windows实现mysql读写分离[通俗易懂]

    一、主服务器(master)配置1、修改MySQL配置文件my.ini[mysqld]log-bin=mysql-bin#开启主从复制,主库的配置log-bin-index=mysql-bin.indexserver-id=1#指定主库serverid,主库的id要比从库的id小sync_binlog=1binlog_format=mixed

  • python3.9多线程_python多线程没用

    python3.9多线程_python多线程没用什么是线程?线程也叫轻量级进程,是操作系统能够进行运算调度的最小单位,它被包涵在进程之中,是进程中的实际运作单位。线程自己不拥有系统资源,只拥有一点儿在运行中必不可少的资源,但它可与同属一个进程的其

  • 查看文件内容linux命令_shell查找文件中内容

    查看文件内容linux命令_shell查找文件中内容查看文件内容总览cat由第一行开始显示文件内容tac从最后一行开始显示,可以看出tac是cat的倒着写!nl显示的时候,顺道输出行号!more一页一页的显示文件内容less

  • java websocket框架_websocket监听数据库

    java websocket框架_websocket监听数据库HandlerSocket简介HandlerSocket是针对Mysql的一个NoSQL插件,它作为一个守护进程工作在mysqld进程里面,接收tcp连接,并处理来自客户端的请求。HandlerSocket不支持SQL查询,作为替代,它支持表的简单的CRUD操作。由于下面的原因,在某些情况下HandlerSocket比mysqld/libmysql对儿更快速:-HandlerSocket处理数据…

  • 网红拍照VS你拍照,差距到底在哪?真相也太太太扎心了吧哈哈哈哈哈

    你好好的怎么骂人呢? (@顾南)  沙雕手办又出现了 (@一起神回复)有些牛仔裤表面上一本正经 暗地里…… (@微博搞笑排行榜)这还能催的吗?? …

  • Selenium WebDriver下载安装

    Selenium WebDriver下载安装SeleniumWebDriver下载1.确认操作系统版本->win10,64位系统2.确认要使用的浏览器及版本->谷歌浏览器,91.0.4472.77(正式版本)(64位)3.去找webdriver驱动a.谷歌浏览器驱动下载地址:http://chromedriver.storage.proxy.ustclug.org/index.html【找与本机谷歌浏览器版本相匹配的驱动版本,最后一位小版本77可不对应,Windows系统选择chromedriver_win32.zip下载即

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号