如何删除密码和确认密码的无效感叹号部分验证？

Question

您好，我遇到了这个问题，您可以看到，当用户没有输入任何内容时，单击按钮时会出现验证，但是感叹号部分阻止了我的切换密码视图，有没有办法可以删除感叹号马克，我试试这个 css 不起作用？

这是下图

这是css风格

.form-control.is-valid, .pass, .confirmpass:invalid{
            background-image: none ;
  }

这是密码的形式html

                                <div class="form-group row">
                                <label for="validationpassword" class="col-form-label passwordadduser">*Password:</label>
                                <div class="col-6 d-flex">
                                <input name="validationpassword" onChange="onChange()" type="password" class="form-control pass" id="password" placeholder="Password"  required>
                                <i class="bi bi-eye-slash" id="togglePassword"></i>

                                </div>
                            </div>

                            <div class="form-group row">
                                <label for="validationconfirmpassword" class="col-form-label passwordadduser">*Re-enter<br>&#10;Password:</label>
                                <div class="col-6 d-flex">
                                <input name="validationconfirmpassword" onChange="onChange()" type="password" class="form-control confirmpass" id="confirm_password" placeholder="Confirm Password" required>
                                <i class="bi bi-eye-slash" id="toggleconfirmPassword"></i>
                                </div>
                            </div>

Answer 1

尝试删除输入的 required 属性，因为您已指定应填充它们

此外，您需要将 !important 添加到您的 CSS:

.form-control.is-valid, .pass, .confirmpass:invalid{
            background-image: none !important;
  }

如何删除密码和确认密码的无效感叹号部分验证？

How to Remove invalid exclamation part validation for password and reconfirm password?

html

css

validation