Browse Source

Added less attribute for invalid pseudo class

pull/6619/head
palindrom615 6 years ago
parent
commit
cc2ae2fa45
1 changed files with 33 additions and 0 deletions
  1. 33
      src/definitions/elements/input.less

33
src/definitions/elements/input.less

@ -202,6 +202,39 @@
color: @placeholderErrorFocusColor !important;
}
/*--------------------
Invalid
---------------------*/
.ui.input > input:invalid {
background-color: @errorBackground;
border-color: @errorBorder;
color: @errorColor;
box-shadow: @errorBoxShadow;
}
/* Error Placeholder */
.ui.input > input:invalid::-webkit-input-placeholder {
color: @placeholderErrorColor;
}
.ui.input > input:invalid::-moz-placeholder {
color: @placeholderErrorColor;
}
.ui.input > input:invalid:-ms-input-placeholder {
color: @placeholderErrorColor !important;
}
/* Focused Error Placeholder */
.ui.input > input:invalid:focus::-webkit-input-placeholder {
color: @placeholderErrorFocusColor;
}
.ui.input > input:invalid:focus::-moz-placeholder {
color: @placeholderErrorFocusColor;
}
.ui.input > input:invalid:focus:-ms-input-placeholder {
color: @placeholderErrorFocusColor !important;
}
/*******************************
Variations
*******************************/

Loading…
Cancel
Save