嗨，我遇到了這個問題，因為您可以看到當用戶沒有輸入任何內容時，單擊按鈕時會出現驗證，但是感嘆號部分阻止了我的切換密碼視圖有沒有辦法可以洗掉感嘆號我試試這個 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> 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>
uj5u.com熱心網友回復：
嘗試洗掉required輸入的屬性，因為您已指定應填充它們
此外，您需要添加!important到您的 CSS：
.form-control.is-valid, .pass, .confirmpass:invalid{
background-image: none !important;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/409954.html
標籤：