elementUI中一些内部样式修改（总）

更改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文件时应该这样写

@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);

}