回答編集履歴
1
質問と色が逆になっていたので修正
answer
CHANGED
|
@@ -7,6 +7,14 @@
|
|
|
7
7
|
-webkit-transform: scale(1);
|
|
8
8
|
transform: scale(1);
|
|
9
9
|
}
|
|
10
|
+
//ココから下も追加
|
|
11
|
+
input[type="radio"]:not(:checked) + label::before {
|
|
12
|
+
background: #ffffff;
|
|
13
|
+
border: 1px solid #ff0000;
|
|
14
|
+
}
|
|
15
|
+
input[type="radio"]:not(:checked) + label::after {
|
|
16
|
+
background: #ffffff;
|
|
17
|
+
}
|
|
10
18
|
```
|
|
11
19
|
またhtmlも少し変更が必要なようです？
|
|
12
20
|
```html
|
|
@@ -23,4 +31,4 @@
|
|
|
23
31
|
```
|
|
24
32
|
|
|
25
33
|
jsfiddleで試しましたので下記を見ていただけると幸いです。
|
|
26
|
-
[https://jsfiddle.net/amanoese/pwLg1nq6/
|
|
34
|
+
[https://jsfiddle.net/amanoese/pwLg1nq6/11/](https://jsfiddle.net/amanoese/pwLg1nq6/11/)
|