6Luffy6

导航

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 2025-02-14 20:16  极客三刀流  阅读(322)  评论(0)    收藏  举报