css去掉滚动条，修改滚动条样式

去掉滚动条：

body { overflow:scroll;overflow-y:hidden; }

修改滚动条默认样式：

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:#f2f2f2; }
::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2); }
::-webkit-scrollbar-thumb:hover { background:#f2f2f2 }
::-webkit-scrollbar-thumb:active { background:rgba(0,0,0,0.2); }

注：如果给div里的滚动条修改样式，前边加上div的类名

转载于:https://www.cnblogs.com/zcqian/p/7873129.html

css去掉滚动条，修改滚动条样式相关推荐

CSS系列之修改滚动条的样式
文章の目录参考写在最后默认滚动条样式如下: 那如何修改呢?如下代码: /*滚动条样式*/textarea::-webkit-scrollbar {width: 4px; }textarea::- ...
html修改字体华文彩云,CSS里怎么修改字体样式?需要修改字体和居中显示
运行迅捷CAD编辑器专业版软件: 我们点击菜单栏里的"文字"快捷键图标,在打开的CAD绘图窗口里,创建一个单行文字. 步骤二:格式(O)-文字样式管理(X) 我们找到菜单栏里的 ...
html5滚动条样式修改,css修改滚动条样式
在css中怎样改变滚动条的样式 /*IE滚动条颜色设置*/body {scrollbar-arrow-color:#f2f2f3;/*上下箭头*/scrollbar-track-color:#1589 ...
自定义滚动条修改x和y轴滚动条交叉地方的css样式
自定义滚动条修改x和y轴滚动条交叉地方的css样式 ::-webkit-scrollbar-corner 边角,即两个滚动条的交汇处修改background背景色
vue、css修改滚动条样式
vue.css修改滚动条样式样式为 /* 滚动条 */ body *::-webkit-scrollbar {width: 10px;height: 10px; } body *::-webkit- ...
css修改滚动条的样式
滚动条的默认样式是这样的: 大灰块做背景,内嵌小灰块做滚动距离的展示. 再加上贴边的宽度,对于内容本身就比较窄的区域来说,这种样式笨重感十足! 单调且无趣! 而像这种样式的滚动条就比较可以了. 滚动条 ...
React中 css修改滚动条样式
第一个 HTML代码: <div class="element">内容 </div> CSS代码: .element{overflow-y: scroll; ...
css 修改滚动条样式
推荐直接看这篇文章: css3自定义滚动条样式写法  .test{height:100px;overflow: auto; } .test::-w ...
CSS修改滚动条样式
滚动条的默认样式: 滚动条样式修改: ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-button 滚动条两端的按钮 (设置滚动条整体样式,两端按 ...

css去掉滚动条，修改滚动条样式

css去掉滚动条，修改滚动条样式相关推荐

最新文章

热门文章