6Luffy6

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

el-input输入框样式修改

el-input输入框样式修改

目的:蓝色边框去掉、右下角黑色去掉(可能看不清楚)

之前我试过deep不行

最有效的办法就是就是在底部添加一下css文件 代码中针对input的type为textarea,对于非textarea,只需将下面的css样式中的textarea替换成input

.el-textarea__inner {
  width:100%;
  height: 96px;
  background-color: #f3f4f6;
  box-shadow:none;
  resize: none;

}
.el-textarea__inner:focus{
  box-shadow: none;
  resize: none;
}
.el-textarea__inner:hover{
  box-shadow: none;
  resize: none; // 去除上面所说右下角黑色的东西
}
.el-textarea.is-disabled .el-textarea__inner { // 针对
  box-shadow: none;
  background-color: #f3f4f6;

}

posted on   极客三刀流  阅读(22)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示