满口金牙 2021-12-11 15:45 采纳率: 91.1%
浏览 382
已结题

vue 3 element - plus ,el-input 样式 怎么改不了?


          <el-table-column align='center' show-overflow-tooltip v-for="item in fieldList" :key="item" :label= "item[0]" :width="item[1] === searchField ? 300 :''">
                <template #default="scope">
                  <el-input
                  :style="{color: 'rgb(30, 30, 30)'}"        // 这里我要动态改样式,先写个测试,发现改不了   style="color:blue;" 这样也不行,!?
                  ></el-input>
                  <span v-show="!scope.row.show">{{scope.row[item[1]]}}</span>
                </template>
            </el-table-column>

  • 写回答

3条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-11 21:05
    关注
    <el-input
             :input-style="{color: 'rgb(30, 30, 30)'}" 
    ></el-input>
    
    

    img


    在< style >里修改要加/deep/ 进行样式穿透

    如有帮助,望采纳 ^.^

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 12月20日
  • 已采纳回答 12月12日
  • 修改了问题 12月11日
  • 创建了问题 12月11日

悬赏问题

  • ¥15 cocos creator发布ios包
  • ¥15 comsol压电材料数据
  • ¥35 用python实现除法算法中goldschmidt算法
  • ¥15 汇编代码转换成C代码
  • ¥15 除法算法中的归一化具体是怎么变的?
  • ¥20 集成电路的逻辑电路和晶体管简化图
  • ¥15 下载windows builder后的问题
  • ¥15 端口连接数为什么会有限制
  • ¥15 安卓数据提交之后格式不对
  • ¥15 需要数据库运行的图片