無料登録ログインソースコードを投稿タグ:CSS(250)CSSとFontAwesomeだけでチェックボックス・ラジオボタンをデザインするgoto_jp|2,448views|更新:2014年4月1日ストックいいね!2表示サンプルはこちらhttp://jsdo.it/goto_jp/o1XTOSやブラウザ、PC/スマホで何かと表示に差異があり扱いの面倒なチェックボックス・ラジオボタンをWebFontのメジャーどころ「FontAwesome」を利用しフォントアイコン化します。JSも画像も使わず、FontAwesomeを利用していればHTTPリクエストも増えず軽いです。}解説FontAwesomeをインポート(ローカルファイルからの方が好ましい)チェックボックス、ラジオボタンを消す隣接するlabelのbeforeを実体化し、FontAwesomeの表示したいcontentを指定チェック状態により3のcontentを変えるcheckboxとradioはcontentの内容が違うだけで同じ記述なので、記述をもっと最適化しても良いと思います。新規登録またはメールアドレスで新規登録SNSアカウントをご利用いただけます。FacebookGitHubTwitterログインメールアドレスまたはユーザー名パスワードログイン状態を保存するログインパスワードをお忘れですか?hacknoteを利用することでソースコードを簡単に共有できます。新規登録してコメントするこのソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。キュレーター424hacksgoto_jpフロントコーディングと効率化などについてよく書きます。