常用css样式总结 -- 滚动条 -- 兼容谷歌 火狐 IE 苹果浏览器

.ant-tree{height: 400px;overflow: auto;}/*滚动条*//*火狐*/.ant-tree{scrollbar-color: #c3c2c2 transparent; /* 滑块颜色 滚动条背景颜色 */scrollbar-width: none; /* 滚动条宽度有三种：thin、auto、none */}/* IE 浏览器 */.ant-tree{/*三角箭头的颜色*/scrollbar-arrow-color: #c3c2c2;/*滚动条滑块按钮的颜色*/scrollbar-face-color: #c3c2c2;/*滚动条整体颜色*///scrollbar-highlight-color: #A2A2A3;scrollbar-highlight-color: #1c2941;/*滚动条阴影*/scrollbar-shadow-color: #A2A2A3;/*滚动条轨道颜色*/scrollbar-track-color: transparent;/*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/scrollbar-3dlight-color:#949494;/*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/scrollbar-darkshadow-color: #A2A2A3;/*滚动条基准颜色*/scrollbar-base-color: #f4f4f5;}/* chrome & safari 浏览器 */.ant-tree::-webkit-scrollbar {/*滚动条整体样式*/width: 6px; /*高宽分别对应横竖滚动条的尺寸*/height: 8px;}.ant-tree::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;background: #c3c2c2;}.ant-tree::-webkit-scrollbar-track{/*滚动条里面轨道*/border-radius: 10px;background: transparent;}

如果觉得《常用css样式总结 -- 滚动条 -- 兼容谷歌 火狐 IE 苹果浏览器》对你有帮助，请点赞、收藏，并留下你的观点哦！