css樣式穿透&elment-ui中樣式改變

https://blog.csdn.net/weixin_41171651/article/details/121209671

::v-deep和/deep和>>>
在scoped私有作用域內(nèi)修改elment-ui樣式 可使用/deep/樣式穿透

.conBox /deep/ .el-input__inner{
    padding:0 10px;
}

在vue3中/deep/會報(bào)錯,所以使用::v-deep

.conBox ::v-deep .el-input__inner{
    padding:0 10px;
}

深度作用選擇器>>>
(注意,只作用于css)
但如果是sass/less的話可能無法識別,這時候需要使用 /deep/和::v-deep 選擇器。
想修改element-ui某個深層元素也有其他方式解決;
解決方法之一:除非你將 scoped 移除,或者新建一個沒有 scoped 的 style(一個.vue文件允許多個style)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • /deep/的意思大概為深入的,深遠(yuǎn)的。無意中看到css中有關(guān)于這種寫法,開始沒太注意 ,以為是組件css的寫法,...
    做有用的事_說勇敢的話閱讀 819評論 0 0
  • 原因1:組件內(nèi)部使用組件,添加了scoped屬性 原因2:動態(tài)引入html,也添加了scoped屬性; 原因3:非...
    Iterate閱讀 845評論 0 1
  • 1、從輸入url到瀏覽器呈現(xiàn)頁面中間經(jīng)歷了什么? 在輸入url的時候,會進(jìn)行本地歷史記錄和標(biāo)簽頁的查詢,提供模糊查...
    林思念閱讀 2,939評論 2 24
  • 記一次實(shí)戰(zhàn)經(jīng)歷<去哪兒網(wǎng)> vue-cli 2 預(yù)備知識 1.Git命令: git add . 放到緩沖區(qū) git...
    Chin是我啊閱讀 280評論 0 0
  • 1、對于MVVM的理解 Model:代表數(shù)據(jù)模型,也可以在Model中定義數(shù)據(jù)修改和操作的業(yè)務(wù)邏輯。View: 代...
    你瞅瞅你寫的bug閱讀 494評論 0 1

友情鏈接更多精彩內(nèi)容