满口金牙 2022-04-24 11:38 采纳率: 91.1%
浏览 644
已结题

Vue3 element el-input 内联样式 不生效,怎么让它生效

内联样式不生效怎么解决
<el-input class="titleInput2" type="text" placeholder="标题" 
        v-model="documentJson.title.text"
        :style="{
          'font-size': documentJson.title.font_size + 'px',             这行有效
          'font-weight':'bolder',        这行无效,怎么才能让它有效??
          'letter-spacing': '2px',       这行无效 怎么才能让它有效??
        }" 
        />

外联如下
都有效。但是目的是要写内联,内联才支持 documentJson.title.font_size + 'px' 这种变量。 外联 v-bind的 变量不支 带点号的
.titleInput2 :deep(.el-input__inner){
  letter-spacing: v-bind(letterSpacing);   #v-bind中的变量不支持 documentJson.title.letter_spacing 这种,要通过增加变量来转换,所以想知道内联生效的写法
  font-weight: bolder;
  font-family: '宋体'!important; #这个不加!important 不生效
}
  • 写回答

9条回答 默认 最新

  • web修理工 2022-04-24 17:35
    关注

    你好 你这个不是不生效,而是被里面input的样式覆盖了 如果想这么写就要把里面的样式初始化 应该可以解决

    .el-input__wrapper{
    'font-weight':'inherit'; 
    'letter-spacing': 'inherit'; 
      
    }
    
    .el-input__inner{
    'font-weight':'inherit'; 
    'letter-spacing': 'inherit'; 
    }
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(8条)

报告相同问题?

问题事件

  • 系统已结题 5月3日
  • 已采纳回答 4月25日
  • 修改了问题 4月24日
  • 修改了问题 4月24日
  • 展开全部

悬赏问题

  • ¥20 关于php录入完成后,批量更新数据库
  • ¥15 请教往复密封润滑问题
  • ¥15 cocos creator发布ios包
  • ¥15 comsol压电材料数据
  • ¥35 用python实现除法算法中goldschmidt算法
  • ¥15 汇编代码转换成C代码
  • ¥15 除法算法中的归一化具体是怎么变的?
  • ¥20 集成电路的逻辑电路和晶体管简化图
  • ¥15 下载windows builder后的问题
  • ¥15 端口连接数为什么会有限制