除去elementuiUI中表单上的el-input的边框样式，并改为下换线

题目

修改elementUI puls el-form中e-input的样式

一、代码

.el-input,.el-input__wrapper {
  box-shadow: none;
  border: 0;
  background: black;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  &:hover{
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #eee;
  }
  &:focus{
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #eee;
  }
}
.el-form-item.is-error .el-input__wrapper,.el-form-item.is-error .el-input{
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid var(--el-color-danger);
  &:hover{
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid var(--el-color-danger);
  }
  &:focus{
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid var(--el-color-danger);
  }
}
.el-form-item.is-error  .el-input, .el-input{
  --el-input-focus-border-color:transparent;
}

二、示例图

图一
图二

图三

将原有图一图二的边框去掉，包括hover和focus和error，全部改成下划线图三

总结

小菜鸡玩代码