el-input 密码框,旁边图标(小眼睛)很小的解决方法

672 阅读1分钟

一般在使用 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 cssscss 时咋用,不会的可以借鉴

[](给elementUI el-table 背景设置为空 - 掘金 (juejin.cn))