CSS3-UI Selector;form要素に適用するセレクタ
CSS3-UI Selector;form要素に適用するセレクタ - CSS3ウェブブラウザ実装メモ - 血統の森 web実験小屋を書いたよ。今回の実験結果をぺたり。
value | IE | Firefox | Opera | Webkit | CSS Level |
---|---|---|---|---|---|
:hover |
○ | ○ | ○ | ○ | 2.1/S3/S4 |
:active |
○ | ○ | ○ | ○ | 2.1/S3/S4 |
:focus |
○ | ○ | ○ | ○ | 2.1/S3/S4 |
:enabled |
○ | ○ | ○ | ○ | S3/S4 |
:disabled |
○ | ○ | ○ | ○ | S3/S4 |
:checked |
○ | ○ | ○ | ○ | S3/S4 |
:indeterminate |
× | × | ○ | × | S4 |
:default |
× | ○ | △(※1) | × | UI3/S4 |
:valid |
× | ○(※2) | ○(※2) | ○(※2) | UI3/S4 |
:invalid |
× | ○(※2) | ○(※2) | ○(※2) | UI3/S4 |
:in-range |
× | ×(※3) | ○ | ○ | UI3/S4 |
:out-of-range |
× | ×(※3) | ○ | ○ | UI3/S4 |
:required |
× | ○ | ○ | ○ | UI3/S4 |
:optional |
× | ○ | ○ | ○ | UI3/S4 |
:read-only |
× | ○ | ○ | ○ | UI3/S4 |
:read-write |
× | ○ | ○ | ○ | UI3/S4 |
- ※1:
select
要素には適用されない。 - ※2:妥当性判定にブラウザ間で差異あり。
- ※3:
type="number"
がサポートされていない。
検証に使用したブラウザ
- Internet Explorer
- MSIE 9.0; Trident/5.0 バージョン 9.0.3(リリース版)
- Firefox
- rv:7.0.1 Gecko/20100101 Firefox/7.0.1(リリース版)
- Opera
- Presto/2.9.168 Version/11.51(リリース版)
- Webkit(Google Chrome)
- AppleWebKit/535.1 Chrome/14.0.835.202 Safari/535.1(リリース版)
ツッコミあればコメント等でどうぞ。