更改element-plus 中的 el-cascader 级联选择器字体大小

更改element-plus 中的 el-cascader 级联选择器字体大小


<div class="right">
   <el-form-item prop="name">
     <el-input placeholder="请务必输入真实姓名" />
   el-form-item>
   
   <el-form-item prop="departmentOptions">
     <el-cascader placeholder="请选择所在单位" style="font-size: 20px" />
   el-form-item>
div>

现在要修改 el-cascader 中的字体大小,但像上面这样写是没用的。我们看下浏览器中的信息。
更改element-plus 中的 el-cascader 级联选择器字体大小_第1张图片从图上可以看到:font-size: 20px 本来是要设置到蓝色区域的,但它跑到了 el-cascader 那里,而再往里则是 el-input 区域。

那…咱就设置一下 el-input 试试吧。


<template>
template>

<script setup lang='ts'>
script>

<style scoped>
<style>


<style>
.el-input {
  font-size: 190px;
}
<style>

更改element-plus 中的 el-cascader 级联选择器字体大小_第2张图片一气之下改了个190px,可以看到样式生效了。

另外:
如果把模式写在