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

Question

内联样式不生效怎么解决
<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 不生效
}

Answer 1

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

.el-input__wrapper{
'font-weight':'inherit'; 
'letter-spacing': 'inherit'; 
  
}

.el-input__inner{
'font-weight':'inherit'; 
'letter-spacing': 'inherit'; 
}