"SpryValidationTextarea.css" ファイルには、テキスト領域検査 Widget とそのエラーメッセージのスタイルを設定するルールが含まれます。 このルールを編集して、Widget およびエラーメッセージの外観と印象に関するスタイルを設定できます。 CSS ファイル内のルールの名前は、Widget の HTML コードで指定されたクラスの名前に対応します。

"SpryValidationTextarea.css" ファイルの CSS コードを次に示します。

/*Validation Textarea styling classes*/
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg {
	display:none;
}
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}
textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}

CSS ファイルには、特定のルールに対するコードと目的を説明するさまざまなコメントも含まれます。 詳細については、ファイル内のコメントを参照してください。