滚动条样式全局修改
滚动条样式是当前浏览器的样式,以webkit内核为准。改的全局样式。不单单是elementUI样式
新建一个reset.scss
// border-radius 圆角
/* 设置滚动条的样式 */ ::-webkit-scrollbar { width: 6px; height: 6px; // width: 2px; // height: 2px; // height: 67px; } ::scrollbar { width: 6px; height: 6px; // width: 2px; // height: 2px; // height: 67px; } /* 滚动槽 */ ::-webkit-scrollbar-track { display: none; // -webkit-box-shadow: inset 0 0 3px #b18933; // border-radius: 1px; } ::scrollbar-track { display: none; // -webkit-box-shadow: inset 0 0 3px #98f165; // border-radius: 1px; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { border-radius: 10px; background: #006666; -webkit-box-shadow: inset 0 0 1px #006666; } ::scrollbar-thumb { border-radius: 10px; background: #006666; -webkit-box-shadow: inset 0 0 1px #006666; }
人生到处知何似,应似飞鸿踏雪泥。