AMTag:[CSS]チェックボックスやラジオボタンを大きくする方法を紹介します。1.はじめにデフォルトのチェックボックスとラジオボタンのサイズは小さいです。デフォルトのチェックボックスとラジオボタンで、jQueryなどで独自デザインに変更して大きく見せているサイトは多いと思いますが、CSSで簡単に大きくできないか調べてみました。2.CSSでチェックボックスやラジオボタンを大きくするまずサンプルのHTMLを示します。for="bar_2">ラジオボタン2</label>IEおよびChromeの場合、widthプロパティ/heightプロパティで大きくできるようです(IE8以前は未対応らしい)。middle;}widthとheightの値が異なる場合、小さい方の値を採用するようです。vertical-alignプロパティは必須ではありませんが、テキストとの垂直方向の位置を合わせるために設定しています(以降のサンプルでは省略)。上記の設定で「IE9も有効になる」という記事をみかけましたが、当方では有効にならず、style属性に設定したところ有効になりました。for="bar_2">ラジオボタン2</label>IE9の表示Firefoxではwidthプロパティ・heightプロパティが効きませんが、以下のベンダープレフィックスで大きくすることができます。);}Firefoxの表示(ベンダープレフィックス)Chromeの場合、下記のベンダープレフィックスでも大きくすることができます。上記の他、元のチェックボックス・ラジオボタンを非表示にして画像やCSSなどで代替させる方法もありますが、それらの方法については大きくすることだけが目的ではないため、別のタイトルでエントリーしたいと思います。4.参考サイト参考サイトは下記です。ありがとうございました。*必須(非表示)URL(U):情報を保存する?コメントへの返信ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。すべてのご質問にはお答えできない可能性があります。Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。