fix invalid input rendering

This commit is contained in:
Dennis Eichhorn 2023-03-26 22:50:21 +00:00
parent c8aff8c109
commit e0c9e27fb2
2 changed files with 12 additions and 12 deletions

View File

@ -276,25 +276,25 @@ input::placeholder {
} }
textarea:invalid, input:invalid { textarea:invalid, input:invalid {
transition: all 0.5s; transition: all 0.5s !important;
border-color: #f00; border-color: #f00 !important;
& ~ i.ok { & ~ i.ok {
display: none; display: none !important;
} }
& ~ i.error { & ~ i.error {
display: inline-block; display: inline-block !important;
} }
} }
input:valid { input:valid {
& ~ i.ok { & ~ i.ok {
display: inline-block; display: inline-block !important;
} }
& ~ i.error { & ~ i.error {
display: none; display: none !important;
} }
} }

View File

@ -3667,17 +3667,17 @@ input::placeholder {
opacity: 0.5; } opacity: 0.5; }
textarea:invalid, input:invalid { textarea:invalid, input:invalid {
transition: all 0.5s; transition: all 0.5s !important;
border-color: #f00; } border-color: #f00 !important; }
textarea:invalid ~ i.ok, input:invalid ~ i.ok { textarea:invalid ~ i.ok, input:invalid ~ i.ok {
display: none; } display: none !important; }
textarea:invalid ~ i.error, input:invalid ~ i.error { textarea:invalid ~ i.error, input:invalid ~ i.error {
display: inline-block; } display: inline-block !important; }
input:valid ~ i.ok { input:valid ~ i.ok {
display: inline-block; } display: inline-block !important; }
input:valid ~ i.error { input:valid ~ i.error {
display: none; } display: none !important; }
textarea, .textarea { textarea, .textarea {
overflow: auto; overflow: auto;