CSSリファレンスマニュアル

CSS @ルール（RULES）

CSS属性全書

CSS関数（Functions）CSS選択子全書

CSS :optional選択子

:optional CSS 修飾子は、任意のrequired属性を持たない<input>、<select>、または<textarea>要素に使用されます。

完全なCSS選択子リファレンスマニュアル

オンラインサンプル

input要素に"required"属性が設定されていない場合、暗紅色に設定します:

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基本トレーニング(oldtoolbag.com)</title>/title>　
<style>
input:optional
{
background-color:　#cc0000;
}
</style>
</head>
<body>
<h3>:optional　選択子のデモサンプル。</h3>
<p>オプションの input 要素:<br><input></p>
<p>必須の input 要素:<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　点線　黒;
}

フォームを簡単にオプションフィールドを表示し、その外観をレンダリングするために許可しています。注：必須フィールドの外観を設定するには、:required修飾子を使用してください。