在開發中修改第三方組件樣式是很常見,但由于 scoped 屬性的樣式隔離,可能需要去除 scoped 或是另起一個 style ,
這些做法都會帶來副作用(組件樣式污染、不夠優雅),樣式穿透在css前處理器中使用才生效,
我們可以使用 >>> 或 /deep/ 解決這一問題:
<style scoped> 外層 >>> .el-checkbox { display: block; font-size: 26px; .el-checkbox__label { font-size: 16px; } } </style>
<style scoped> /deep/ .el-checkbox { display: block; font-size: 26px; .el-checkbox__label { font-size: 16px; } } </style>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/76013.html
標籤:JavaScript
上一篇:Vue+Element 踩坑記錄
