当前位置:主页 > css > css设置滚动条样式

css设置滚动条样式

xi3年前 (2022-02-28)css11290

css伪类选择器可修改滚动条样式,仅限webkit内核浏览器。

::-webkit-scrollbar {/*滚动条整体*/
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-track{/*滑轨*/
    background-color:#aaa;
    border-radius: 30px;
}
::-webkit-scrollbar-thumb{
    background-color: #555;/*滑块*/

::-webkit-scrollbar-button{/*两端的按钮*/
    display:none;
 }
转载请标注来源与原作者

本文链接:http://xiblogs.top/?id=5

“css设置滚动条样式” 的相关文章

flex布局

flex布局

什么是flex布局flex布局即为弹性布局,使用display: flex进行布局,此布局使得盒模型布局更易使用。值得注意的是设为flex 布局后,子元素的float、clear 和vertical-...

box-sizing属性的理解

使用原因盒模型布局中padding与border也是具有尺寸的,为避免其对页面布局产生影响,可使用box-sizing: border-box;属性设置盒模型,此时便可只用设置元素宽高即可。 属性详...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。