css滚动条样式

最新推荐文章于 2024-05-27 16:21:48 发布

转载最新推荐文章于 2024-05-27 16:21:48 发布 · 111 阅读

文章标签：

#css

html+js 专栏收录该内容

5 篇文章

订阅专栏

博客围绕CSS展开，但具体内容缺失。CSS是前端开发中用于样式设计的重要技术，可对网页元素的外观、布局等进行美化和调整。

                    .innerbox{
                        overflow-y: auto;
                        /* background-color: #f8f8f8; */
                        height: 440px;
                        padding: 10px;
                    }
                    .innerbox::-webkit-scrollbar {/*滚动条整体样式*/
                        width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
                        height: 4px;
                        scrollbar-arrow-color:red

                        }
                            .innerbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
                        border-radius: 5px;
                        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                        background: rgba(0,0,0,0.2);
                        scrollbar-arrow-color:red;
                    }
                    .innerbox::-webkit-scrollbar-track {/*滚动条里面轨道*/
                        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                        border-radius: 0;
                        background: rgba(0,0,0,0.1);
                    }