scrollbar-width:none;/* Firefox */ IE浏览器: 代码语言:javascript 复制 -ms-overflow-style:none;/* IE 10+ */ Chrome 和 Safari 浏览器: 代码语言:javascript 复制 ::-webkit-scrollbar{display:none;/* Chrome Safari */} 注意:当要隐藏滚动条的时候,最好将 overflow 显示设置为 auto 或者 scroll ,...
DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>scrollbarforIE--lynnshen</title><styletype="text/css">*{margin:0;padding:0;}.scolltable{width:500px;height:300px;border:1pxsolidblack;/*实现水平垂直居中*/position:absolute;left:50%;top:50%;margin-left:-250px;margin...
我们可以通过自定义滚动条样式实现风格统一。 css样式 <style>/*滚动条*/.container::-webkit-scrollbar{width:8px;}/*滚动条滚动区域(轨道)*/.container::-webkit-scrollbar-track{background:rgb(299,299,299);border-radius:4px;}/*滚动条可拖拽部分:默认*/.container::-webkit-scrollbar-thumb{background...
8283#style-2::-webkit-scrollbar84{85width: 12px;86background-color: #F5F5F5;87}8889#style-2::-webkit-scrollbar-thumb90{91border-radius: 10px;92-webkit-box-shadow: inset006px rgba(0,0,0,.3);93background-color: #D62929;94}9596/*97* STYLE 398*/99100#style-3::-webkit-scrollbar-...
<style type="text/css"> *{ margin: 0; padding: 0; } /*滚动条整体样式*/ ::-webkit-scrollbar{ width: 10px;/*竖向滚动条的宽度*/ height: 10px;/*横向滚动条的高度*/ } ::-webkit-scrollbar-thumb{/*滚动条里面的小方块*/ background: #666666; ...
使用::-webkit-scrollbar来设置滚动条的样式 ::-webkit-scrollbar选择器,用于设置浏览器的滚动条样式。使用该选择器,我们可以设置滚动条的宽度、颜色、背景等样式。 1 2 3 4 ::-webkit-scrollbar { width:10px; background-color:#f1f1f1; } 上述代码设置了滚动条的宽度为10px,背景颜色为#f1f1f1。
1.style部分<style>/*定义滚动条样式(高宽及背景)*/ ::-webkit-scrollbar { width: 6px; /* 滚动条宽度, width:对应竖滚动条的宽度 height:对应横滚动条的高度*/ background: #007acc; } /*定义滚动条轨道(凹槽)样式*/ ::-webkit-scrollbar-track { ...
--scrollbar-color: rgba(36, 37, 39, 0.6) #d9d9d9; --headings-border-bottom-color: #ddd; --border-color: #e0e0e0; --button-background-color: #fff; --right-side-color: grey; --code-attribute-color: #999; --toggles-color: #999; ...
::-webkit-scrollbar-thumb:指滚动条里面可以拖动的部分,也就是滑块 ::-webkit-scrollbar-corner:指边角部分 ::-webkit-resizer:他用来定义右下角滑块的样式 但是最常用的是滚动条整体部分(-webkit-scrollbar),滑块(-webkit-scrollbar-thumb)以及外轨道(-webkit-scrollbar-track)三部分。
::-webkit-scrollbar{ height: 9px !important; width: 9px !important; } ::-webkit-scrollbar-thumb { border-radius: 0; border-style: dashed; background-color: rgba(157, 165, 183, 0.4); border-color: transparent; border-width: 1.5px; ...