Elastic: Improve .form-control:invalid style (at least for Firefox)

6 years ago · 328c32402d
parent aa7e2febd1
commit 328c32402d
1 changed files with 2 additions and 0 deletions
--- a/skins/elastic/styles/widgets/forms.less
+++ b/skins/elastic/styles/widgets/forms.less
@ -1293,8 +1293,10 @@ input.icon-checkbox {
        box-shadow: 0 0 0 .2rem @color-input-border-focus-shadow;
    }

+    &:invalid,
    &.is-invalid {
        border-color: @color-input-border-invalid;
+        box-shadow: none;

        &:focus {
            border-color: @color-input-border-invalid;