これについては矛盾する回答がいくつか得られているので、誰かに明確にしてもらいたいと思います。
基本的にいくつかのサイトによると、:checked は Chrome と FF で完全にサポートされています。
- http://reference.sitepoint.com/css/pseudoclass-checked
- http://css3test.com/
- http://tools.css3.info/selectors-test/test.html
ただし、最後のサイトのテストを詳しく調べると、最初のテストは Chrome (v24) と FF (v18) では失敗しているが、IE10 では成功していることがわかります。
この最小限のサンプルは、問題を再現します。
<!DOCTYPE html">
<html>
<head>
<style>
:checked { background-color: royalblue;}
</style>
</head>
<body>
<input type="radio" checked />
<input type="radio"/>
<input type="checkbox" checked />
<input type="checkbox" />
</body>
</html>
では、:checked 疑似クラスは Chrome や Firefox でサポートされているのでしょうか (そして、それらはそれらの要素のスタイリングを許可していないだけかもしれません)?
私は Web デザイナーではないので、何か単純なものが欠けているかもしれません。