首页 > 编程知识 正文

js修改css样式(css 滚动条样式)

时间:2023-05-03 11:41:41 阅读:68889 作者:4746

默认滚动条的样式如下:

怎么修改? 以下代码:

div class='inner '

div class='innerbox '

p style='height:200px;' 这是内容111/p

p style='height:400px;' 这里为内容222/p

p这里为内容333/p

/div

/div

. inner{

width: 265px;

height: 400px;

位置: absolute;

top: 33px;

left: 13px;

Overflow :隐藏;

}

. innerbox{

overflow-x :隐藏;

overflow-y :自动;

color: #000;

字体大小:7 rem;

font-family : '5 FAE8f6f96 C59e D1 ',Helvetica,'黑体',Arial,Tahoma;

height: 100%;

}

/*滚动条样式*

. inner box :3360-WebKit-scroll bar {

width: 4px;

/*height: 4px; */

}

. inner box :-WebKit-scroll bar-thumb {

border-radius: 10px;

- WebKit-box-shadow : inset 005 px rgba (0,0,0.2 );

后台: rgba (0、0、0、0.2 );

}

. inner box :3360-WebKit-scroll bar-track {

- WebKit-box-shadow : inset 005 px rgba (0,0,0.2 );

border-radius: 0;

后台: rgba (0、0、0、0.1 );

}

效果如下。

介绍滚动条的一些属性。 主要有以下七个属性

整个:-webkit-scrollbar滚动条, 宽度什么的:-WebKit-scroll bar-button滚动条两端的按钮:3360-WebKit-scroll bar-track外层轨道3:3360-WebKit-scroll bbar 有关定义达德3360:-WebKit-scroll bar-corner角:-webkit-resizer右下角拖动块样式的技术问题,请参阅http://sucai.gxyoururrer

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。