一般在使用 elementUI 的 el-input 密码框时,可能会出现小眼睛图标特别小的情况,使用el-input自带的属性 size 控制大小没用,字体可以用 font-size 控制,图标却不能
下面是我自己测试出来的有用的方法,因为我使用的是 vue3 + elementplus 所以可能有点出入 ,但是同样使用对应的渗透方法都是可行的,下面宽高根据自己需求设定
:deep(.el-icon){
width: 50px;
height: 50px;
}
:deep(.el-icon svg){
width: 30px;
height: 30px;
}
以下是我在给别的组件运用到的渗透方法,也有讲述vue2 在css 和 scss 时咋用,不会的可以借鉴