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

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

/*Validation Select styling classes*/
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}
.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}

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