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>
 
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值