CSS如何改变滚动条的颜色样式粗细?

默认滚动条很丑怎么办?如何改版滚动条的粗细,颜色,让它更美观?CSS如何改变滚动条的粗细?

干货来了 

/* Webkit内核浏览器的滚动条样式 */
::-webkit-scrollbar {
  width: 4px; /* 设置滚动条的宽度 */
}

::-webkit-scrollbar-thumb {
  background-color: #0A2148; /* 设置滚动条的颜色 */
}

/* Firefox浏览器的滚动条样式 */
::-moz-scrollbar {
  width: 4px; /* 设置滚动条的宽度 */
}

::-moz-scrollbar-thumb {
  background-color: #0A2148; /* 设置滚动条的颜色 */
}

效果图

 

🧨🧨🧨 完结,撒花~ ,记得收藏 ~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/913577.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

使用GPT-SoVITS训练语音模型

1.项目演示 阅读单句话 1725352713141 读古诗 1725353700203 2.项目环境 开发环境:linux 机器配置如下:实际使用率百分之二十几, 3.开发步骤 1.首先是准备数据集,要求是wav格式,一到两个小时即可, 2.…

AI生活之我用AI处理Excel表格

AI生活之我用AI处理Excel表格 场景再现AI提问词AI代码运行调试结果心得感受 场景再现 因学习需要,整理了某个题库,方便自己刷题使用。 已将每套题打上了制定标签,得到一个Excel表格。截图如下: 需求是:一共35套题&…

PySpark本地开发环境搭建

一.前置事项 请注意,需要先实现Windows的本地JDK和Hadoop的安装。 二.windows安装Anaconda 资源:Miniconda3-py38-4.11.0-Windows-x86-64,在window使用的Anaconda资源-CSDN文库 右键以管理员身份运行,选择你的安装路径&#x…

virtualBox安装拓展包extension pack失败的超级详细解决办法

virtualBox安装拓展包extension pack时,网上的博主们都说直接进官网下载包,安装就行。下载网站是 https://www.virtualbox.org/wiki/Downloads 但是!!!!! 默认下载的是最新版本的包&#xff0c…

基于标签相关性的多标签学习

基于标签相关性的多标签学习 论文概述什么是多标签学习论文贡献 算法流程挖掘“主题“——提取标签相关性训练 M T M_T MT​模型——拟合{特征集, 主题集合}用标记相关性扩增数据集再次训练拟合 M M M模型——对真实帕金森病例进行筛查 实验结果核心代码复现main.py文件multi_l…

阿里公告:停止 EasyExcel 更新与维护

最近,阿里发布公告通知,将停止对知名 Java Excel 工具库 EasyExcel 的更新和维护。EasyExcel 由阿里巴巴开源,作者是玉箫,在 GitHub 上拥有 30k stars、7.5k forks 的高人气。 据悉,EasyExcel 作者玉箫去年已从阿里离…

稳恒磁场(2)

物理概念 电流元 IdL要足够小 物理理论 毕奥——萨伐尔定律 电流元在空间产生的磁场,磁感应强度与电流I长正比,与半径的平方成反比 后由拉普拉斯总结得出数学表达式: 其中 ,μ0 4π*10^-7 N*A^-2 , r^为r反向上…

C语言 | Leetcode C语言题解之第553题最优除法

题目: 题解: #define MAX_STR_LEN 64char * optimalDivision(int* nums, int numsSize) {char * res (char *)malloc(sizeof(char) * MAX_STR_LEN);if (numsSize 1) {sprintf(res, "%d", nums[0]);return res;}if (numsSize 2) {sprintf(r…

IntelliJ+SpringBoot项目实战(二)---构建项目多层级模块

本人上一篇文件介绍了使用IntelliJ开发工具构建新的SpringBoot项目。本节介绍SpringBoot项目的模块、子模块如何搭建。 首先我们根据项目的需求,可以将在顶级工程下创建多个模块,已经不同模块下还有子模块。 仍使用上节的OpenJWeb项目作为示例&#xff0…

达梦数据库安装与初始化超教程

达梦数据库(DM Database)作为中国自主研发的数据库系统,因其高效的性能和稳定的支持广泛应用于政府、金融、能源等关键领域。面对日益增长的数据管理需求,如何快速安装与初始化达梦数据库成了许多新手的第一步。这篇教程&#xff…

Mac中禁用系统更新

Mac中禁用系统更新 文章目录 Mac中禁用系统更新1. 修改hosts,屏蔽系统更新检测联网1. 去除系统偏好设置--系统更新已有的小红点标记 1. 修改hosts,屏蔽系统更新检测联网 打开终端,执行命令: sudo vim /etc/hosts127.0.0.1 swdis…

黑芝麻智能:技术+生态+量产三大先发优势,领跑智驾“芯”成长

黑芝麻智能:定位智驾芯片供应商,卓越研发团队打造强劲产品力。 1)公司定位:Tier2 芯片供应商,提供车规级计算 SoC 及基于 SoC 的智能汽车解决方案。2)产品结构:公司具有两个车规级 SoC 系列——…

Yolo11改进策略:上采样改进|CARAFE,轻量级上采样|即插即用|附改进方法+代码

论文介绍 CARAFE模块概述:本文介绍了一种名为CARAFE(Content-Aware ReAssembly of FEatures)的模块,它是一种用于特征上采样的新方法。应用场景:CARAFE模块旨在改进图像处理和计算机视觉任务中的上采样过程&#xff0…

一文了解git TAG

Git标签(Tag)用于为 Git 历史中的特定提交打上标记,通常用于标识重要的节点,比如发布版本。标签让开发者可以很方便地对特定版本进行引用,且不会随时间变动。Git 中的标签分为两种:轻量标签和附注标签。 …

IRF堆叠基本配置

IRF(堆叠配置) IRF(IntelligentResilientFramework,智能弹性架构)是H3C自主研发的软件虚拟化堆叠技术。它的核心思想是将多台设备通过IRF物理端口连接在一起,进行必要的配置后,虚拟化成一台“分布式设备”。使用这种虚…

渗透测试(socket,namp,scapy)

socket:可以用来实现不同虚拟机或者不同计算机之间的通信。 socket常用函数: sock.bind(host,port) //host可接受client范围,以及连接的端口 sock.listen()//sever开启监听连接 sock.accpet()//返回 sock,addr 用来接受和发送数据 addr…

组态软件的概念

一、前言 组态软件是一种用于设计、配置和管理自动化系统的软件。它可以帮助用户快速地创建和修改自动化系统的界面、逻辑和通信功能,从而提高生产效率和质量。 二、组态软件的定义 组态软件是一种集成开发环境,用于设计、配置和管理自动化系统。它通…

《教你用Python写出浪漫的表白代码》

《教你用Python写出浪漫的表白代码》最简单的教程,亲测可用 1. 引言 你有没有想过用代码来表达爱意?今天我将带你用Python实现一个浪漫的表白代码!代码简单有趣,新手也能轻松上手。让我们一起用Python绘制出心形图案吧。 2. 环…

Elmo驱动器上位机软件的详细配置

续接上文,本文讲解Elmo驱动器上位机软件更详细的配置,重点关注,在电机的位置受到约束的情况下,完成驱动器的参数整定过程,以及一些调试方法 一 硬件介绍 本文使用的是另一套设备,假设电机的位置是受到约束的 1 编码器规格书 编码器已知信息是 :读数头是26位的,通讯…

带webui的免费SSL证书管理工具

一、功能 内置 Lets encrypt/Google/ZeroSSL 接口,Google和ZeroSSL需要绑定EAB信息。EAB指引。内置 阿里云/腾讯云/Cloudflare/DNS.COM/DNS.LA/百度云 DNS解析接口。支持自定义DNS解析接口。支持一键部署(本地/FTP/SSH/宝塔/IIS)可纯前端生成CSR和私钥,…