:placeholder-shownプレースホルダーが表示されている要素にスタイルを適用する
:placeholder-shown
疑似クラスは、プレースホルダーが表示されている input
要素、または textarea
要素にスタイルを適用します。
Internet Explorer では :-ms-input-placeholder
として実装されています。
:placeholder-shownのサンプルソース
:placeholder-shown { border: 2px solid #eeeeee; }
主要ブラウザの対応
IE11 | ○:-ms-input-placeholder |
---|---|
Edge(EdgeHTML) | × |
Edge(Chromium) | ○ |
Chrome | ○ |
Firefox | ○ |
Safari | ○ |
iOS Safari | ○ |
Android Chrome | ○ |