mhstid https://blog.hatena.ne.jp/mhstid/ with the flow https://me.hateblo.jp/ CSS CSSだけで頑張るシリーズ、今回はradioボタンに挑戦。FirefoxでもIE10でも非対応なので、完全にスマホ用です。 といってもプロダクションで使うのはまだ気が引けますね。 これをベースにfallbackをきちんと作れば、何とかいけるかもってレベル。。。iOS6, Android4.X～ではうまく動くはず。 手持ちのAndroid2.XではうまくスタイルされたけどAndroidは端末によって描画が全然違うことがあるので微妙。Firefox(23.0.1)では、選択されたとき中心に青い丸が出るはずが、黒になってしまう。 あと、全体的にデザインが意図したとおりになっていない。っていうか程通い… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fme.hateblo.jp%2Fentry%2F2013%2F10%2F24%2F221825" title="Input type=&quot;radio&quot;をCSSだけで装飾する - with the flow" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-10-24 22:18:25 rich https://me.hateblo.jp/entry/2013/10/24/221825 1.0 100%