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

posted @   jiftle  阅读(2599)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
历史上的今天:
2018-06-02 java调用c库实例
点击右上角即可分享
微信分享提示