思路一：直接寫style樣式在組件標(biāo)簽上
思路二：寫在style標(biāo)簽內(nèi)，去掉scoped。寫在app.vue中或者組件內(nèi)糟需，el-tooltip改變border顏色屉佳，改變el-popper的邊框樣式等
思路三：設(shè)置包裹元素樣式，比如el-tooltip洲押，設(shè)置slot元素的寬度即可改變tooltip的寬度
思路四：::v-deep武花，/deep/，:deep等
思路五：important
.wrap >>> .item {}
豎向滾動條顏色
/deep/.el-scrollbar__bar.is-vertical > div {
background-color: #575f7b;
}
或者
::v-deep .el-button
輸入框
.el-input__inner {
border-radius: 0 !important;
}
按鈕
.el-button {
border: none !important;
}
下拉框
.el-select {
width: 80px;
color: #fff;
/deep/ .el-input__inner {
background: rgba(0, 0, 0, 0);
border: none;
color: #fff;
height: 60px;
padding: 0;
}
}
下拉框右側(cè)icon修改
.el-select .el-input__suffix-inner i::before {
content:'\e78f';
color: red
}
菜單樣式
.el-aside {
background-color: #616b88;
color: #333;
text-align: center;
transition: width 0s ease;
// 箭頭顏色
.el-menu-vertical-demo .el-submenu__title i {
color: #fff;
}
/deep/ .el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
border-bottom: none;
}
