更改elementUI中的內(nèi)部樣式：三種方法
?(如果改完某個屬性不生效，就用? !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中的內(nèi)部樣式時引用css文件時應(yīng)該這樣寫
<style lang="scss">
? @import "./public/static/css/***.scss";
</style>
####滾動條樣式設(shè)置####
::-webkit-scrollbar {
? ? width: 10px; /* 縱向滾動條*/
? ? height: 5px; /* 橫向滾動條 */
? ? background-color: #fff;
}
/*定義滾動條軌道 內(nèi)陰影*/
::-webkit-scrollbar-track {
? ? box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
? ? background-color: #ccc;
}
//下面是ul的滑動條
/*定義滑塊 內(nèi)陰影*/
::-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;? ? /*高寬分別對應(yīng)橫豎滾動條的尺寸*/
? ? ? ? ? ? ? ? ? ? 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);
? ? ? ? ? }
