質問するログイン新規登録

質問編集履歴

1

アドバイスをいただきましたので解決方法を追記しました。

2018/10/17 02:28

投稿

maru_mkp
maru_mkp

スコア15

title CHANGED
File without changes
body CHANGED
@@ -64,4 +64,33 @@
64
64
  }
65
65
  ```
66
66
 
67
- 何日も行き詰まってしまい困っています、なにか知恵をいただけましたら幸いです。よろしくお願いします。
67
+ 何日も行き詰まってしまい困っています、なにか知恵をいただけましたら幸いです。よろしくお願いします。
68
+
69
+
70
+ →(1)にCSSを追加して修正できました。ご教授いただきありがとうございました。
71
+ ```Javascript
72
+ $(function(){
73
+ $('.wpcf7-list-item input:radio').on('change',function(){
74
+ $('span.wpcf7-list-item label')
75
+ .filter(':has(input:radio:checked)').addClass("active")
76
+ .end().filter(':not(:has(input:radio:checked))').removeClass("active");
77
+ });
78
+ });
79
+ ```
80
+
81
+ ```css
82
+ span.wpcf7-list-item label:before {
83
+ top: 0;
84
+ left: 3px;
85
+ margin-top: 2px;
86
+ width: 10px;
87
+ height: 10px;
88
+ background: #c04383;
89
+ border-radius: 50%;
90
+ opacity: 0;
91
+ z-index: 10;
92
+ }
93
+ span.wpcf7-list-item label.active:before {
94
+ opacity: 1; //labelに.activeのクラスがついたときに透明度を1にする
95
+ }
96
+ ```