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

<!--这是我Vue3页面中的一小部分，为了不干扰，我把无关的属性都去掉了-->
<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 中的字体大小，但像上面这样写是没用的。我们看下浏览器中的信息。
从图上可以看到：font-size: 20px 本来是要设置到蓝色区域的，但它跑到了 el-cascader 那里，而再往里则是 el-input 区域。

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

<!-- 这是一个Vue3页面-->
<template>
</template>

<script setup lang='ts'>
</script>

<style scoped>
<style>

<!--可以在一个页面中写两个style标签-->
<style>
.el-input {
  font-size: 190px;
}
<style>

一气之下改了个190px,可以看到样式生效了。

另外：
如果把模式写在 <style scoped> 中的话，代表这些样式是局部样式，会被同名的全局样式给覆盖掉，所以，上面的样式不能写在 <style scoped> 中，而是单独写在一个 <style> 标签中（也可以写到自己项目的根样式文件中）。但在 style 标签上不使用 scoped 说明这里面的样式是全局有效的，这会污染全局样式。为了避免污染全局样式，这里的样式名要尽量起的特别一点

<!-- 这是一个Vue3页面-->
<template>
	<div class="right">
	   <el-form-item prop="name">
	     <el-input placeholder="请务必输入真实姓名" />
	   </el-form-item>
	   
	   <el-form-item prop="departmentOptions" id="register-department-cascader">
	     <el-cascader placeholder="请选择所在单位" style="font-size： 20px" />
	   </el-form-item>
	</div>
</template>

<script setup lang='ts'>
</script>

<style scoped>
<style>

<!--可以在一个页面中写两个style标签-->
<style>
#register-department-cascader .el-input {
  font-size: 19px;
}
<style>