css 滚动条样式修改

css 滚动条样式修改1 记录一下 百度超过 2 次了 定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸 webkit scrollbar width 10px height 10px background color F5F5F5 定义滚动条轨道内阴影 圆角 webkit scrollbar track box shadow inset webkit box shadow inset006pxrg 0 0

1.记录一下,百度超过2次了

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { 
    width:10px; height:10px; background-color:#F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { 
    box-shadow:inset; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#F5F5F5; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { 
    border-radius:10px; box-shadow:inset; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background:linear-gradient(#f2fcfe,#1c92d2); } 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/178140.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月26日 下午5:56
下一篇 2026年3月26日 下午5:56


相关推荐

  • centos7安装Pycharm_pycharm安装库

    centos7安装Pycharm_pycharm安装库DownloadPyCharm:PythonIDEforProfessionalDevelopersbyJetBrainshttps://www.jetbrains.com/pycharm/download/#section=linux官网下载pycharm的linux版下载后解压tar-xzvfpycharm-professional-2021.1.3.tar.gz-C/tmpcd/tmp/pycharm-2021.1.3/bin/运行pycharm.

    2022年8月27日
    7
  • Rem布局的原理解析

    Rem布局的原理解析Rem 布局的原理解析 tobAlier 关注 22017 10 2511 27 32 字数 2 630 阅读 12 367 什么是 Remrem 和 em 很容易混淆 其实两个都是 css 的单位 并且也都是相对单位 现有的 em css3 才引入的 rem 在介绍 rem 之前 我们先来了解下 em em 作为 font size 的单位时 其代表父元素的字体大小 em 作为其他属性单位时 代表自身字体大小 M

    2026年3月17日
    2
  • 如何防止135端口入侵「建议收藏」

    如何防止135端口入侵「建议收藏」
    新学期到了,许多学生都要配机,新电脑的安全防卫做好了吗?能不能拒绝成为黑客的肉鸡?令人遗憾的是,很多新手都不知道或者忽视了对敏感端口的屏蔽。例如135端口,一旦黑客利用135端口进入你的电脑,就能成功地控制你的机子。我们应该如何防范通过135端口入侵呢?下面我们就为大家来揭开谜底。

      小知识:每台互联网中的计算机系统,都会同时打开多个网络端口,端口就像出入房间的门一样。因为房间的门用于方便人们的进出,而端口则为不同的网路服务提供数据交换。正如房间的门可以放进小tou一样

    2025年7月8日
    5
  • golang面试题(带答案)[通俗易懂]

    golang面试题(带答案)[通俗易懂]1.下面代码输出什么,为什么 //make([]T,length,capacity) s1:=[]int{1,2,3} fmt.Println(s1,”哈哈”)//[123] s2:=s1 fmt.Println(s1,”哈哈”)//[123] fori:=0;i<3;i++{ s2[i]=s2[i]+1 } fmt.Println(s1)//[234] fmt.Println(s2)//[234][12

    2022年6月29日
    90
  • 国内 OpenAI API Key 获取与代码调用实战教程:从注册到 API 调用 (附 Python 代码)

    国内 OpenAI API Key 获取与代码调用实战教程:从注册到 API 调用 (附 Python 代码)

    2026年3月16日
    1
  • 蓝奏软件库合集[通俗易懂]

    蓝奏软件库合集[通俗易懂]蓝奏软件库合集文章标签游戏……

    2022年7月20日
    1.4K

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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