チェックボックスをcssをいじっておしゃれにする方法 input属性へのスタイルはデザインだけではなくコンバージョン率に直結します。 今回はチェックボックス(checkbox)に対してcssのみでデザインをつける方法のご紹介です。 チェックボックスをおしゃれに変更 よくウェブサイト上のお問い合わせフォームなどで「プライバシーポリシーに同意する」や、「メールマガジンの配信に同意する」のような項目でチェックを要求されることありますね。 あのチェックボタン、標準のままの場合少しやぼったい。 さらに言えばブラウザ(ieやfirefox、chrome)によりデザインも異なります。 そんなチェックボックスにひと手間かけてすこしおしゃれにする方法です。 チェックボックスの横のテキスト部分をクリックしてもチェックをつける まずはここから。 パターン1 犬が好き 猫が好き パターン2 キリンが好き ゾウが好