css深度选择器

标签：无法   mod   span   font   template   class   样式   pac   pre   

在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>

ChatIM

css深度选择器

标签：无法   mod   span   font   template   class   样式   pac   pre   

原文地址：https://www.cnblogs.com/zhangWeb/p/11137348.html