Operation Manual

By default, error messages for the Validation Password widget appear in red with a 1-pixel solid border surrounding the text.
To change the text styling of Validation Password widget error messages, use the following table to locate the appropriate CSS rule, and then
change the default properties, or add your own text-styling properties and values.
Text to change Relevant CSS rule Relevant properties to change
Error message text
.passwordRequiredState
.passwordRequiredMsg,
.passwordMinCharsState
.passwordMinCharsMsg,
.passwordMaxCharsState
.passwordMaxCharsMsg,
.passwordInvalidStrengthState
.passwordInvalidStrengthMsg,
.passwordCustomState
.passwordCustomMsg
color: #CC3333; border: 1px solid
#CC3333;
Change Validation Password widget background colors
To change the background colors of the Validation Password widget in various states, use the following table to locate the appropriate CSS rule,
and then change the default background color values.
Color to change Relevant CSS rule Relevant property to change
Background color of widget in valid state
.passwordValidState input,
input.passwordValidState
background-color: #B8F5B1;
Background color of widget in invalid state
input.passwordRequiredState,
.passwordRequiredState input,
input.passwordInvalidStrengthSt
ate,
.passwordInvalidStrengthState
input,
input.passwordMinCharsState,
.passwordMinCharsState input,
input.passwordCustomState,
.passwordCustomState input,
input.passwordMaxCharsState,
.passwordMaxCharsState input
background-color: #FF9F9F;
Background color of widget in focus
.passwordFocusState input,
input.passwordFocusState
background-color: #FFFFCC;
More Help topics
Validation Password widget samples
Legal Notices | Online Privacy Policy
251