忍者ブログ
26 April

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

04 December

cf7　ラジオボタン装飾

.radio_design .wpcf7-radio .wpcf7-list-item-label {
position:relative;
color: #222!important;
    padding-left: 30px;
}
.radio_design .wpcf7-radio .wpcf7-list-item-label:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 15px;
    border: solid 2px #7a7a7a;
    background: #fff;
    border-radius: 30px;
}
.radio_design .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label:before {
background: #ed5c83;
    box-shadow: inset 0px 0px 0px 3px #fff;
}


.radio_design が囲っているclass名
それ以外のclassめいはcf7の自動出力
PR