유효성 검사 텍스트 영역 위젯 사용자 정의



속성 관리자를 사용하면 유효성 검사 텍스트 영역 위젯을 간단히 편집할 수 있지만 사용자 정의된 스타일 지정 작업은 이 관리자에서 지원하지 않습니다. 유효성 검사 텍스트 영역 위젯의 CSS를 변경하여 원하는 대로 스타일 지정된 위젯을 만들 수 있습니다. 더 구체적인 스타일 지정 작업의 목록은 www.adobe.com/go/learn_dw_sprytextarea_custom_kr을 참조하십시오.

다음 항목의 모든 CSS 규칙은 SpryValidationTextArea.css 파일에 있는 기본 규칙을 가리킵니다. Spry 유효성 검사 텍스트 영역 위젯을 만들 때마다 Dreamweaver를 통해 SpryValidationTextArea.css 파일이 해당 사이트의 SpryAssets 폴더에 저장됩니다. 이 파일의 주석에는 위젯에 적용되는 다양한 스타일에 대한 정보가 포함되어 있으므로 필요한 정보를 찾는 데 유용하게 참조할 수 있습니다.

관련 CSS 파일에서 직접 유효성 검사 텍스트 영역 위젯의 규칙을 간단히 편집할 수 있지만 [CSS 스타일] 패널을 사용하여 이 위젯의 CSS를 편집할 수도 있습니다. [CSS 스타일] 패널을 사용하면 위젯의 각 부분에 할당된 CSS 클래스를 쉽게 찾을 수 있습니다. 이는 패널의 [현재] 모드를 사용하는 경우에 특히 유용합니다.

유효성 검사 텍스트 영역 위젯 오류 메시지 텍스트 스타일 지정

기본적으로 유효성 검사 텍스트 영역 위젯의 오류 메시지는 빨간색으로 표시되고 텍스트 주위에는 1픽셀 테두리가 함께 표시됩니다.

 유효성 검사 텍스트 영역 위젯 오류 메시지의 텍스트 스타일을 변경하려면 다음 표를 사용하여 해당 CSS 규칙을 찾은 다음 기본 속성을 변경하거나 원하는 텍스트 스타일 속성과 값을 추가합니다.

변경할 텍스트

관련 CSS 규칙

변경할 관련 속성

오류 메시지 텍스트

.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg

color: #CC3333; border: 1px solid #CC3333;

유효성 검사 텍스트 영역 위젯 배경색 변경

 유효성 검사 텍스트 영역 위젯의 상태별 배경색을 변경하려면 다음 표를 사용하여 해당 CSS 규칙을 찾은 다음 기본 배경색 값을 변경합니다.

변경할 배경색

관련 CSS 규칙

변경할 관련 속성

유효한 상태의 위젯 배경색

.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;