element中修改表单验证的提示信息的样式

Posted huanhuan55

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element中修改表单验证的提示信息的样式相关的知识,希望对你有一定的参考价值。

  .el-form-item--small .el-form-item__error {
    margin-top: 2px;
  }

  .el-form-item__error {
    position: absolute !important;
    top:16px;
    text-align: center;
    background-color: red;
    filter: alpha(Opacity=40);
    opacity: 0.4;
    width: 120px;
    height: 21px;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    line-height: 21px;
    z-index: 99;
  }

 

以上是关于element中修改表单验证的提示信息的样式的主要内容,如果未能解决你的问题,请参考以下文章

Vue Elementui 表单必填项和非必填项label文字对齐(左对齐)

为啥使用jquery validate进行表单验证时不能显示提示信息????

登录框-element-ui 样式调节

element-ui的表单验证如何清除校验提示语

angular12表单错误提示不显示边框

FastAdmin 修改表单验证错误提示信息位置, 从 Right 改到 Top 或者 Bottom