CSS 참조 설명서

CSS @규칙(RULES)

CSS 속성 전체

CSS 함수 (Functions)CSS 선택자 전체 가이드서

CSS :optional 선택자

:optional CSS 패션은任意에 없는 <input>،<select> 또는 <textarea> 요소에 사용됩니다.

전체 CSS 선택자 참조 매뉴얼

온라인 예제

input 요소에 "required" 속성이 설정되지 않으면 그것을 검은색으로 설정합니다:

예제

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>기본 튜토리얼(oldtoolbag.com)</title>　
<style>
input:optional
{
background-color:　#cc0000;
}
</style>
</head>
<body>
<h3>:optional　선택자 데모 예제.</h3>
<p>선택할 수 있는 입력 요소:<br><input></p>
<p>필수 입력 요소:<br><input　required></p>
<p>　:optional　선택자는 양식에서 "required" 속성이 설정되지 않은 요소에 사용됩니다.</p>
</body>
</html>

테스트를 보세요 ‹/›

정의 및 사용

:optional 선택자는 양식 요소가 선택할 수 있는 경우에 특정 스타일을 설정합니다.

양식 요소에 특별히 설정되지 않은 경우 required 속성은 optional 속성으로 간주됩니다.

주의: 　:optional 선택자는 양식 요소: input, select 및 textarea에만 적용됩니다.

브라우저 호환성

표에서의 숫자는 이 속성을 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다.

선택자
:optional	10.0	10.0	4.0	5.0	10.0

CSS 문법

/*선택할 수 있는 어떤 input을 선택하세요*/
input:optional　{
　　border:　1px　dashed　black;
}

이는 양식에서 선택할 수 있는 필드를 쉽게 표시하고 그 외관을 렌더링하는 데 도움을 줍니다. 주의: 필수 필드의 외관을 설정하려면 :required 패션을 사용하십시오.