验证后删除 html 字段之间的空格

Question

如何在验证字段时删除字段之间的空格？

验证前

验证后

我的Css

.field-validation-error {
   width: 100%;
   font-size: 8pt;
   display: inline-block;
   position: relative;   
   text-align: right;
   right: 5px;
   top: -26px;        
}

.input-validation-error {
   border: 1px solid #ff0000;
   background-color: #ffeeee;
}

Answer 1

我的假设是您的字段本身不是 inline-block

为您的观点提供 html 来源。

或尝试在 .field-validation-error class

中使用 float:left 而不是 display:inline-block

验证后删除 html 字段之间的空格

Remove spaces between html fields when they are validated

css

jquery-validate