css深度选择器

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