当前位置: 首页 > Web前端 > CSS

滚动条样式修改速览

时间:2023-03-30 19:21:11 CSS

作者:心野时间:2018-05-2621:50-webkit-scrollbar1.Overall::-webkit-scrollbar{/*样式代码*/}2.Buttonscrollbarbutton会稍微麻烦一点,先提供下面的selector来选择button:::-webkit-scrollbar-button{/*stylecode*/}但是实际上有八个button,可以通过使用修改下面六种组合方便准确选择:2.1:vertical和:horizo??ntal方便表示按钮是垂直还是水平2.2:start和:end方便表示按钮是开始位置还是结束位置2.3:decrement和:increment方便表示点击是否触发decrease或者添加按钮的例子。比如现在要选择垂直方向,点击开始位置向上滑动的滚动条样式,设置为红色。代码如下:::-webkit-scrollbar-button:vertical:start:decrement{background-color:red;}一般设置显示:块;3.Slider::-webkit-scrollbar-thumb{/*stylecode*/}当然你也可以提供:horizo??ntal和:vertical来更准确的选择4.Orbit::-webkit-scrollbar-track{/*stylecode*/}当然你可以提供:horizo??ntal和:vertical来更准确的选择5.角是两个滚动条的交点::-webkit-scrollbar-corner{/*样式代码*/}