Change font color of a "Remaining Character Counter" in Spry validation field
i looking change character remaining counter on contact form default text color (#000000) black. cannot find proper area in .css , assume need add full code there not know counter id .css code. appreciated. below both .css code sheets spry validation text fields.
@charset "utf-8";
/* spryvalidationtextfield.css - version 0.4 - spry pre-release 1.6.1 */
/* copyright (c) 2006. adobe systems incorporated. rights reserved. */
/* these classes applied on error messages
* prevent them being displayed default.
*/
.textfieldrequiredmsg,
.textfieldinvalidformatmsg,
.textfieldminvaluemsg,
.textfieldmaxvaluemsg,
.textfieldmincharsmsg,
.textfieldmaxcharsmsg,
.textfieldvalidmsg {
display: none;
}
/* these selectors change way messages when widget in 1 of error states.
* these classes set default red border , color error text.
* state class (e.g. .textfieldrequiredstate) applied on top-level container widget,
* , way specific error message can shown setting display property "inline".
*/
.textfieldrequiredstate .textfieldrequiredmsg,
.textfieldinvalidformatstate .textfieldinvalidformatmsg,
.textfieldminvaluestate .textfieldminvaluemsg,
.textfieldmaxvaluestate .textfieldmaxvaluemsg,
.textfieldmincharsstate .textfieldmincharsmsg,
.textfieldmaxcharsstate .textfieldmaxcharsmsg
{
display: inline;
color: #cc3333;
border: 1px solid #cc3333;
}
/* next 3 group selectors control way core element (input) looks when widget in 1 of states: * focus, required / invalid / minvalue / maxvalue / minchars / maxchars , valid
* there 2 selectors each state, cover 2 main usecases widget:
* - widget id placed on top level container input
* - widget id placed on input element (there no error messages)
*/
/* when widget in valid state input has green background applied on it. */
.textfieldvalidstate input, input.textfieldvalidstate {
background-color: #b8f5b1;
}
/* when widget in invalid state input has red background applied on it. */
input.textfieldrequiredstate, .textfieldrequiredstate input,
input.textfieldinvalidformatstate, .textfieldinvalidformatstate input,
input.textfieldminvaluestate, .textfieldminvaluestate input,
input.textfieldmaxvaluestate, .textfieldmaxvaluestate input,
input.textfieldmincharsstate, .textfieldmincharsstate input,
input.textfieldmaxcharsstate, .textfieldmaxcharsstate input {
background-color: #ff9f9f;
}
/* when widget has received focus, input has yellow background applied on it. */
.textfieldfocusstate input, input.textfieldfocusstate {
background-color: #ffffcc;
}
/* class applies short period of time , changes way text in textbox looks like.
* applies when widget has character masking enabled , user tries type in invalid character.
*/
.textfieldflashtext input, input.textfieldflashtext {
color: red !important;
}
/* when widget has hint message on, hint text can styled differently user typed text. */
.textfieldhintstate input, input.textfieldhintstate {
/*color: red !important;*/
}
@charset "utf-8";
/* spryformvalidation.css - version 0.5 - spry pre-release 1.6.1 */
/* copyright (c) 2006. adobe systems incorporated. rights reserved. */
/* these classes applied on error messages
* prevent them being displayed default.
*/
.textarearequiredmsg,
.textareamincharsmsg,
.textareamaxcharsmsg,
.textareavalidmsg {
display:none;
}
/* these selectors change way messages when widget in 1 of error states.
* these classes set default red border , color error text.
* state class (e.g. .textarearequiredstate) applied on top-level container widget,
* , way specific error message can shown setting display property "inline".
*/
.textarearequiredstate .textarearequiredmsg,
.textareamincharsstate .textareamincharsmsg,
.textareamaxcharsstate .textareamaxcharsmsg
{
display: inline;
color: #cc3333;
border: 1px solid #cc3333;
}
/* next 3 group selectors control way core element (textarea) looks when widget in 1 of states: * focus, required / minchars / maxchars , valid
* there 2 selectors each state, cover 2 main usecases widget:
* - widget id placed on top level container textarea
* - widget id placed on textarea element (there no error messages)
*/
/* when widget in valid state textarea has green background applied on it. */
.textareavalidstate textarea, textarea.textareavalidstate {
background-color:#b8f5b1;
}
/* when widget in invalid state textarea has red background applied on it. */
textarea.textarearequiredstate, .textarearequiredstate textarea,
textarea.textareamincharsstate, .textareamincharsstate textarea,
textarea.textareamaxcharsstate, .textareamaxcharsstate textarea {
background-color:#ff9f9f;
}
/* when widget has received focus, textarea has yellow background applied on it. */
.textareafocusstate textarea, textarea.textareafocusstate {
background-color:#ffffcc;
}
/* class applies short period of time , changes way text in textarea looks like.
* applies when widget has enforce max chars enabled , user tries type more.
*/
.textareaflashstate textarea, textarea.textareaflashstate{
color:red !important;
}
/* when widget has hint message on, hint text can styled differently user typed text. */
textarea.textareahintstate, .textareahintstate textarea{
/* color: red !important;*/
}
the way answer if post url page in question.
or, may able ascertain selector need style using browser's inspect elements tools. bring up, right click in chrome or firefox.
nancy o.
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment