在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>
专注技术开源，打造开源的JAVA快速开发平台—JEECG（获得CSDN专家访谈，ITEYE访谈、连续五年中国最火TOP5、十大优秀开源项目等）、免费微信管家平台—JeeWx 捷微（获得2014年微信开发商大会第一名）
278
