要素名: enabled 【 エネイブルド 】 {～}

フォーム関連要素においてdisabled属性が指定されていない要素にスタイルを適用します。

セレクタの使用例

以下の例では、textarea要素に対してスタイルを適用し、入力欄が操作可能であることを示す赤いアウトラインを表示しています。

CSS

textarea:enabled{
  outline: solid 3px #dc143c ;
}

HTML

<form action="/sample.cgi" method="get">
<p>通信欄：</p>
<textarea name="comment" placeholder="感想やご意見をお聞かせください" cols="50" rows="2" />
</textarea>
</form>