发表于: 2020-03-01 23:49:18

0 1873


今天完成的事情:

Webkit内核的css滚动条选择器


::-webkit-scrollbar — 整个滚动条 设置宽度和滚动条背景颜色


::-webkit-scrollbar:horizontal  水平的滚动条


 

::-webkit-scrollbar-track 滚动条轨道 设置颜色


::-webkit-scrollbar-thumb 竖直的滑块  

::-webkit-scrollbar-thumb:horizontal  水平的滑块

// 可设置图片

::-webkit-scrollbar-button:decrement  滚动条上的按钮--竖直滚动条向上

 ::-webkit-scrollbar-button:increment  滚动条上的按钮--竖直滚动条向下

::-webkit-scrollbar-button:horizontal:decrement 滚动条上的按钮--水平滚动条向左

 ::-webkit-scrollbar-button:horizontal:increment 滚动条上的按钮--水平滚动条向右

//


::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分

::-webkit-scrollbar-corner — 边角,即当同时有垂直滚动条和水平滚动条时交汇的部分

::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮)


IE自定义滚动条样式

scrollbar-arrow-color — 滚动条三角箭头的颜色 

scrollbar-face-color — 滚动条上滚动滑块颜色

scrollbar-track-color— 滚动条轨道、按钮背景的颜色 

scrollbar-shadow-color— 滚动框上滑块边框的颜色


明天计划的事情:

复习基础知识
遇到的问题:


收获:

基础知识


返回列表 返回列表
评论

    分享到