.choice-tag { width: 341px; height: 30px; overflow: hidden; overflow-x: auto; white-space: nowrap; position: relative; z-index: 97; display: inline-block; margin: 4px 0 0 5px; /* diy 滚动条核心代码 */ &::-webkit-scrollbar{ /*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(255, 255, 255, 0.2); } &::-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); } }
原文地址:https://www.cnblogs.com/mailyuan/p/12195574.html
时间: 2024-11-03 14:39:13