::-webkit-scrollbar {
width: 10px; /* 纵向滚动条*/
height: 5px; /* 横向滚动条 */
background-color: #fff;
}
/*定义滚动条轨道 内阴影*/
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: #ccc;
}
//下面是ul的滑动条
/*定义滑块 内阴影*/
::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
// background-color: #093d78;
@include background-color("background_color_bg-color-black");
// border-radius: 10px;
}
ul::-webkit-scrollbar {/*滚动条整体样式*/
width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
ul::-webkit-scrollbar-track {/* 滚动槽 */
// -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
background: #535353;
}
ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(167, 203, 244, 1);
background: rgba(167, 203, 244, 1);
}
注意若要更改elementUI中的内部样式时引用css文件时应该这样写
<style lang="scss">
@import "./public/static/css/***.scss";
</style>
一些样式更改
下拉框
/* 修改下拉框最上面小三角颜色 */
.el-popper {
/* 背景色