更改elementUI中的内部样式：三种方法
(如果改完某个属性不生效，就用 !important )
一：<el-button type="primary" @click="updateUser" class="btn-dialog-determine">确 定</el-button>
二：::v-deep { } 可用的方法有 >>> 、 /deep/ 、 ::v-deep
三：<style scoped>
>>> .el-radio { margin-top: 10px;}
>>>.el-tabs__active-bar.is-top{width: 32px !important;}
.el-select-dropdown__item.selected { color: #0080C6; }
</style>
注意若要更改elementUI中的内部样式时引用css文件时应该这样写
<style lang="scss">
@import "./public/static/css/***.scss";
</style>
####滚动条样式设置####
::-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);
}
