在CSS 中,当你设置 overflow-x: scroll 时,可以让元素在水平方向上出现滚动条。要修改滚动条的默认样式,你可以使用 CSS 伪元素 ::-webkit-scrollbar 及其子伪元素。需要注意的是,这种自定义滚动条样式的方法目前主要在基于 WebKit 的浏览器(如 Chrome、Safari)中有效。以下是详细的步骤和代码示例: 1. 设置 ove...
overflow滚动条样式修改 当div用overflow: scroll;时可以用伪元素::-webkit-scrollbar来设置滚动条样式 /*滚动条*/::-webkit-scrollbar {width:10px;/* 设置滚动条宽度 */}/*滚动手柄*/::-webkit-scrollbar-thumb {height:30px;background-color:#338BD6;/* 滚动条手柄颜色 */border-radius:5px;/* 滚...
/* WebKit浏览器(Chrome、Safari)滚动条样式 */ ::-webkit-scrollbar { width: 6px; /* 滚动条宽度 如果设置为0就是隐藏滚动条但是滚动效果还在非常完美 */ } ::-webkit-scrollbar-track { background-color: #f1f1f1; /* 滚动条背景颜色 */ } ::-webkit-scrollbar-thumb { background-color: #888...
}.innerbox{overflow-x: hidden;overflow-y: auto;color:#000;font-size: .7rem;font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;height:100%; }/*滚动条样式*/.innerbox::-webkit-scrollbar {/*滚动条整体样式*/width:4px;/*高宽分别对应横竖滚动条的尺寸*/height:4px; }.inn...
当div用overflow: scroll;时可以用伪元素::-webkit-scrollbar来设置滚动条样式 /*滚动条*/ ::-webkit-scrollbar { width: 10px; /* 设置滚动条宽度 */ } /*滚动手柄*/ ::-webkit-scrollbar-thumb { height: 30px; background-color: #338BD6; /* 滚动条手柄颜色 */ ...
overflow滚动条样式修改 简介:overflow滚动条样式修改 当div用overflow: scroll;时可以用伪元素::-webkit-scrollbar来设置滚动条样式 /*滚动条*/::-webkit-scrollbar {width: 10px; /* 设置滚动条宽度 */}/*滚动手柄*/::-webkit-scrollbar-thumb {height: 30px;background-color: #338BD6; /* 滚动条...