在vue 項目中使用 scoped 后

在父組件中的樣式無法修改子組件的樣式這時可以使用深度作用選擇器 /deep/

例如:

<template><div id="chat"><el-input v-model="input" class="chat_input" placeholder="請輸入內容"></el-input></div> </template><script scoped?>.chat_input {/deep/ .el-input__inner {color:?#fff6f7}} </script>

總結

以上是生活随笔為你收集整理的css深度选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。