:checked擬似クラスの隣接セレクターのWebkit系での挙動とか:checked擬似クラスはCSS3で追加されたセレクターで、ラジオボタンやチェックボックスがチェックされた状態を指定する擬似クラスです。 See the Pen test :checked pseudo class by You Sakai (@webcre8) on CodePen. このデモはinput要素に隣接したラベルに、さらに隣接した非表示になっている要素をチェックの入ったときにのみ表示させるというものです。これがFirefoxやChrome（ちなみにMac）では動くんですが、iPhoneのSafariとChromeでうまく動きませんでした。Android（4.4）はいけました。 原因 これはどうやらWebkitのバグであるらしいです。FirefoxはGecko、ChromeはBlinkですが、iOSのSafariはWebkitですね。iOSはChromeもWebkitなので全
Chrome/webkit not rendering css display change on input:checked + element + element
