外联 可以更改,但是 内联字体没用,我的需求只能用内联
<el-select
class="selectData"
v-model="col.val"
:style="{
'--el-font-size-base':'12px', // 这样可以生效, 直接 font-size:12px 不生效
'font-family: '宋体', // 这里字体不生效,我也没找到 --el-font-family-base 类似变量, 在控制台 'font-family: '宋体', 被划了横线
}"
>
<el-option value="1"/>
<el-option value="2"/>
</el-select>
下面这段内联可以生效,但是 el-select 中用 :input-style 是没用的
<el-input
:input-style="{
'font-size': col.style.font_size +'px',
'letter-spacing': col.style.letter_spacing + 'px',
}"
/>

Vue3 element-plus el-select 内联样式字体不生效,请教解决方法
- 写回答
- 好问题 0 提建议
- 关注问题
- 邀请回答
-
4条回答 默认 最新
- web修理工 2022-04-30 11:09关注
在全局 添加
.el-input__inner { font-size: inherit; letter-spacing: inherit; }
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报