最近項目中遇到的問題,只想在某個組件裏面更改element-Ui的樣式,而不影響全局。在網上看了很多瞎jb扯的東西,根本不適用或者沒效果。
直接說方法:在需要更改的組件裏新增一個style標籤【重點:不要加scoped】,然後直接獲取class設置樣式就可以咯,class自己去瀏覽器裏右鍵審查元素可得到。
建議:在獲取到的樣式里加上能限制範圍的父層選擇器,不然就變成全局樣式咯。
<style>
.ruzhu-mess .el-form-item__label{
font-size:16px!important;
}
.zhuanye-mess .el-form-item__label,.zhuanye-mess .color-t{
font-size:16px!important;
color:#606266;
}
</style>
<style lang="scss" scoped>
@import '../../../assets/scss/pages/organizationUserCenter1.scss';
</style>