wordpress - ラジオボタンの入力幅に関するWordpressの連絡フォーム7の問題を支援しますか？

Question

こんにちはすべての仲間のワードプレッサー

お問い合わせフォーム7のラジオボタンの幅をカスタマイズしたいのですが、cssの入力フィールドとは異なる幅のラジオボタンを指定する方法はありますか。

入力フィールドに幅を設定するとき、これをラジオボタンに適用したくありません。

ご協力ありがとうございます

よろしくジュディ

Answer 1

設定ページのフォームテンプレートのラジオボタンにクラスを割り当てることができます。次に、Contact Form 7のCSSスタイルシートファイルを開きます。これは、次の場所にある可能性があります。

/wp-content/plugins/contact-form-7/stylesheet.css

クラス「radio」の入力に対してcssルールを設定します。

input.my_radio {
width: 140px;
}

クラスをラジオ入力またはチェックボックス入力に割り当てるには、次を使用します。

[radio your-eyes-color class:my_radio "brown" "green" "blue"]

上記のコードはマークアップを生成します：

<input type="radio" name="your-eyes-color" class="my_radio" value="brown" /> brown
<input type="radio" name="your-eyes-color" class="my_radio" value="green" /> green
<input type="radio" name="your-eyes-color" class="my_radio" value="blue" /> blue

詳細については、お問い合わせフォーム7のWebサイトをご覧ください。幸運を！