• 解決済 tazima3469

    (@tazima3469)


    http://studio-key.com/Sample2/css/01.html
    を参考しながらcontactform7のラジオボタンをつくっていますが

    チェックした時に青く表示されないです。

    どなたかアドバイスいただけませんでしょうか?

    `

    • <input type=”radio” name=”rdo” value=”1″ id=”rdo1″ />
      <label for=”rdo1″ class=”label”>ラジオ 1</label>
    • <input type=”radio” name=”rdo” value=”1″ id=”rdo2″ />
      <label for=”rdo2″ class=”label”>ラジオ 2</label>
3件の返信を表示中 - 1 - 3件目 (全3件中)
  • モデレーター Daisuke Takahashi

    (@extendwings)

    実際のサイトを見ていないので確かなことは言えないですが、テーマのstyle.cssなどにCSSは正しく追加されていますか?

    トピック投稿者 tazima3469

    (@tazima3469)

    ご連絡ありがとうございます。下記をそのまま入力してみましたが、:checked + labelが動作していないような気がいたします。

    `/* ラジオボタンは非表示にする */
    input[type=radio] {
    display: none;
    }
    /* チェックされた時のスタイル */
    input[type=”radio”]:checked + label {
    background: #0063A4;
    color: #FFF;
    }
    /* マウスオーバーしたときのスタイル */
    .label:hover {
    background-color: #E2EDF9;
    }
    /* lableのスタイル */
    .label {
    color: #000;
    border: #dddddd solid 2px;
    display: block;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    }

    トピック投稿者 tazima3469

    (@tazima3469)

    画像を配置して自己解決いたしました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「contactform7でのラジオボタンにcheckdを利用した。」には新たに返信することはできません。