【重要】サービス終了のお知らせ

Fork
0
Fav
0
View
7060
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 15 lines
  • CSS 64 lines
CSSだけで頑張るシリーズ、今回はradioボタンに挑戦。

FirefoxでもIE10でも非対応なので、完全にスマホ用です。
といってもプロダクションで使うのはまだ気が引けますね。
これをベースにfallbackをきちんと作れば、何とかいけるかもってレベル。。。

iOS6, Android4.X~ではうまく動くはず。
手持ちのAndroid2.XではうまくスタイルされたけどAndroidは端末によって描画が全然違うことがあるので微妙。

Firefox(23.0.1)では、選択されたとき中心に青い丸が出るはずが、黒になってしまう。
あと、全体的にデザインが意図したとおりになっていない。っていうか程通い...
やっぱりappearance属性のサポートはまだ発展途上といったところですね。。。
  • Input type="radio"をCSSだけで装飾するテスト
  • Input type="radio"をCSSだけで装飾するテスト

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

hirotweets

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags