チェックボックスとラジオボタンの装飾

無料のワードプレステーマ GEMSTONE

CSSでチェックボックスとラジオボタンの装飾してみました。
どちらも Webクリエイターボックス を参照。
勉強になります!


サンプル

チェックボックス (必須)

ラジオボタン


ただ、注意してほしいのは、プラグイン contactform7 に組み込む場合
必ず use_label_element をチェックボックスとラジオボタンに追加してあげないと動きません。
なぜならラベルを使って、擬似的に表示と非表示を切り替えている構造だからです。

あと、同じチェックボックスを使って動かしている、承諾確認には use_label_element のプロパティはないので注意です。
承諾確認のみ、デフォルトのCSSが効くように設定しています。ご了承下さい。

上記を注意すれば、ブラウザを気にしないで同じデザインで表示できます。

この記事のタグ

デフォルト画像ディスプレイフレックス? 前の記事

次の記事 装飾リストの追加 デフォルト画像

コメントは停止中です。