::-webkit-scrollbar-thumb滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条) ::-webkit-scrollbar-track滚动条的轨道(里面装有 Thumb) ::-webkit-scrollbar-button滚动条的轨道的两端按钮,允许通过点击微调小方块的位置。 ::-webkit-scrollbar-track-piece内层轨道,滚动条中间...
/* Buttons */::-webkit-scrollbar-button:single-button{background-color: rgb(64, 64, 64);display: block;background-size: 10px;background-repeat: no-repeat;} /* Up */::-webkit-scrollbar-button:single-button:vertical:decrement{height: 12px;width: 16px;background-position: center 4px;bac...
在CSS 中,你可以使用 ::-webkit-scrollbar 伪元素来自定义 WebKit 浏览器(如 Chrome 和 Safari)中的滚动条样式。要禁用滚动条上的双按钮(即滚动条两端的向上/向下或向左/向右按钮),你可以使用 ::-webkit-scrollbar-button 伪元素并将其样式设置为 display: none。 以下是一个示例,展示如何禁用滚动条上的双...
1. ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 2. ::-webkit-scrollbar-button 滚动条两端的按钮 3. ::-webkit-scrollbar-track 外层轨道 4. ::-webkit-scrollbar-track-piece 内层滚动槽 5. ::-webkit-scrollbar-thumb 滚动的滑块 6. ::-webkit-scrollbar-corner 边角 7 .::-webkit-resiz...
1 背景 今天收到一个需求,需要在手机app的弹框中展示滚动条的样式 2 方式 2.1 通过【伪元素选择器】修改滚动条样式 ::-webkit-scrollbar — 整个滚动条 ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头) ::-webkit-scroll
1. ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 2. ::-webkit-scrollbar-button 滚动条两端的按钮 3. ::-webkit-scrollbar-track 外层轨道 4. ::-webkit-scrollbar-track-piece 内层滚动槽 5. ::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-scrollbar-button 设置了但是不显示按钮 需要给元素设置添加display:flex;
::-webkit-scrollbar— 整个滚动条. ::-webkit-scrollbar-button— 滚动条上的按钮 (上下箭头). ::-webkit-scrollbar-thumb— 滚动条上的滚动滑块. ::-webkit-scrollbar-track— 滚动条轨道. ::-webkit-scrollbar-track-piece— 滚动条没有滑块的轨道部分. ...
::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮(上下箭头).::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.::-webkit-scrollbar-track — 滚动条轨道.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.::-webkit-scrollbar-corner — 当同时有垂直滚动...
设置对象被选择时的样式。 属伪类 <style> p::-moz-selection{background:#000;color:#f00;} p::selection{background:#000;color:#f00;} </style> <h1>选中下面的文字，看看它的颜色</h1> <p>你选中这段文字后，看看它们的文本颜色和背景色，就能明白::的作用。</p> ...