el-input背景色修改

划重点（理解看悟性）

<template>
    <el-input
        class="readonly"
        v-model="log"
        :rows="15"
        type="textarea"
        readonly=true
    />
</template>

<style scoped lang="scss">
    :deep(.readonly .el-textarea__inner) {
        background-color: #FAFAFA;
    }
</style>

注释

1. .readonly 类选择器
2. .el-textarea__inner 类选择器覆盖默认样式
3. :deep 选择一个元素的所有子孙元素

鸣谢

https://blog.csdn.net/Zhouzsn/article/details/112858376