首页 > 编程知识 正文

css不显示滚动条但可以滚动,css修改滚动条样式

时间:2023-05-04 11:01:17 阅读:118370 作者:1129

项目有记录。

您可以使用以下“CSS滚动条选择器”部分中的伪元素选择器更改webkit浏览器滚动条的样式:

:-webkit-scrollbar—整个滚动条.3360-WebKit-scroll bar-button -滚动条上的按钮(.3360-WebKit-sston bKit-scrollbar-track-滚动条轨道.3360-WebKit-scrollollit-scrollk-WebKit-scroll bar-corner -垂直滚动条和水平滚动条zer—某些元素的corner部分的某些样式(例如:textarea中的可拖动按钮) .语法: 336666

demo :

. visible-scrollbar、 invisible-scrollbar、 mostly-customized-scroll bar { display 3360 block; width: 10em; Overflow :自动; 高: 2em; }.invisible-scroll bar :3360-WebKit-scroll bar { display : none; }/* demonstrate a ' mostly定制' scroll bar * (won ' tbevisibleotherwiseifwidth/heightisspecified )/. mostly-cust 背景色: # AAA;/* oraddittothetrack */}/* adda thumb */. mostly-customized-scroll bar 33603360-WebKit-scroll bar-thumb { backgg divclass=' visible-scroll bar ' thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee eee long word divdivclass=' invisible-scroll bar ' thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee vclass=' mostly-customized-scroll bar ' thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeererererevivivivivdiv withiv /div参考链接: https://developer.Mozilla.org/zh-cn/docs/web/CSS/:3360-WebKit-scroll bar

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