回答編集履歴
2
追記
answer
CHANGED
|
@@ -12,3 +12,19 @@
|
|
|
12
12
|
おそらく[:not()](https://developer.mozilla.org/ja/docs/Web/CSS/:not)とか[:has()](https://developer.mozilla.org/ja/docs/Web/CSS/:has)などを使えは可能と思われますので研究してみてください。
|
|
13
13
|
|
|
14
14
|
分からなければ、現状のフォーム部分のHTMLとCSSを質問に追記すれば適切な回答が付くと思います。
|
|
15
|
+
|
|
16
|
+
追記
|
|
17
|
+
---
|
|
18
|
+
Contact Form 7 のラジオボタンのラッパーは下記のようにdata属性が付加されているのでそれを利用すればいいでしょう。
|
|
19
|
+
|
|
20
|
+
```html
|
|
21
|
+
<span class="wpcf7-form-control-wrap" data-name="radio-39">
|
|
22
|
+
<!-- 略 -->
|
|
23
|
+
</span>
|
|
24
|
+
```
|
|
25
|
+
:not を使って data-name が "radio-" で始まる要素を除外する。
|
|
26
|
+
```css
|
|
27
|
+
.wpcf7-form-control-wrap:not([data-name^="radio-"]) {
|
|
28
|
+
border: 1px solid #78d8d9;
|
|
29
|
+
}
|
|
30
|
+
```
|
1
書式修正
answer
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
もし、「そのページのみreset.cssを無効化」したら共通部分が他ページとは変わってしまうので、合わせるために膨大な修正が必要になります。
|
|
6
6
|
|
|
7
7
|
> WordpressのプラグインでContact form7を使用したときに、枠線が出なくなってしまいました。
|
|
8
|
-
検証ツールで、枠線に該当しそうなHTMLを探して追加CSSでborderを書いてみたのですが、ラジオボタンにまで枠線がつくなど、おかしくなってしまいました。
|
|
8
|
+
> 検証ツールで、枠線に該当しそうなHTMLを探して追加CSSでborderを書いてみたのですが、ラジオボタンにまで枠線がつくなど、おかしくなってしまいました。
|
|
9
9
|
|
|
10
10
|
ラジオボタンが対象にならないようにCSSセレクターを設定すればいいだけです。
|
|
11
11
|
|