以下是网页中div块,用的el-input,类名input_diy
<div class="input_diy">
<el-input v-model="input" placeholder="Engineer Name" style="width: 300px"></el-input>
</div>
关键点:
1.style标签加上scoped
<style scoped>
xxxxxx
</style>
2.在你期望的class下,加上XXX(你的类) /deep/ XXX(对应下述①和②) 进行修改。
① .el-input__inner是修改输入框的样式
②input::-webkit-input-placeholder 修改输入框placeholder的样式
<style scoped>
.input_diy /deep/ .el-input__inner {
background: rgba(255, 255, 255, 0.6);
}
.input_diy /deep/ input::-webkit-input-placeholder{
-webkit-text-fill-color: rgba(0, 0, 0,0.5);
font-weight: normal;
}
</style>