HTML滚动条S默认最小值,css修改滚动条默认样式

html代码:

这是内容111

这里是内容222

这里是内容333

css代码:

.inner{

width: 265px;

height: 400px;

position: absolute;

top: 33px;

left: 13px;

/*cursor: pointer;*/

overflow:hidden;

}

.innerbox{

overflow-x: hidden;

overflow-y: auto;

color: #000;

font-size: .7rem;

font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;

height: 100%;

}

/*滚动条样式*/

.innerbox::-webkit-scrollbar {/*滚动条整体样式*/

width: 4px; /*高宽分别对应横竖滚动条的尺寸*/

height: 4px;

}

.innerbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

border-radius: 5px;

-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

background: rgba(0,0,0,0.2);

}

.innerbox::-webkit-scrollbar-track {/*滚动条里面轨道*/

-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

border-radius: 0;

background: rgba(0,0,0,0.1);

}

HTML滚动条S默认最小值,css修改滚动条默认样式相关推荐

vue、css修改滚动条样式
vue.css修改滚动条样式样式为 /* 滚动条 */ body *::-webkit-scrollbar {width: 10px;height: 10px; } body *::-webkit- ...
05 react img css修改svg图片样式
react img css修改svg图片样式 svg图片的相关理论定义优点前端引入svg图片的方式方式一:<svg>标签引入,内嵌到 HTML 中方式二,修改svg的颜色方式三 ...
css修改导航条样式
css修改导航条样式近期由于工作需要要修改table表格导航条样式. 本人特整理出相关代码,以及最后效果,供各位小伙伴参考. 具体代码如下: .xp-table-content ::-webkit- ...
html5滚动条样式修改,css修改滚动条样式
在css中怎样改变滚动条的样式 /*IE滚动条颜色设置*/body {scrollbar-arrow-color:#f2f2f3;/*上下箭头*/scrollbar-track-color:#1589 ...
css修改滚动条的样式
滚动条的默认样式是这样的: 大灰块做背景,内嵌小灰块做滚动距离的展示. 再加上贴边的宽度,对于内容本身就比较窄的区域来说,这种样式笨重感十足! 单调且无趣! 而像这种样式的滚动条就比较可以了. 滚动条 ...
CSS修改滚动条样式
滚动条的默认样式: 滚动条样式修改: ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-button 滚动条两端的按钮 (设置滚动条整体样式,两端按 ...
React中 css修改滚动条样式
第一个 HTML代码: <div class="element">内容 </div> CSS代码: .element{overflow-y: scroll; ...
css 修改滚动条样式
推荐直接看这篇文章: css3自定义滚动条样式写法  .test{height:100px;overflow: auto; } .test::-w ...
CSS 修改滚动条样式隐藏浏览器滚动条
/* 滚动条整体部分 */ div::-webkit-scrollbar {} /* 滚动条里面的滑块 */ div::-webkit-scrollbar-thumb {}/* 滚动条的轨道的两端按钮 ...

HTML滚动条S默认最小值,css修改滚动条默认样式

HTML滚动条S默认最小值,css修改滚动条默认样式相关推荐

最新文章

热门文章