回答編集履歴
1
追記
test
CHANGED
|
@@ -95,3 +95,39 @@
|
|
|
95
95
|
```
|
|
96
96
|
|
|
97
97
|
CSSは上のと同じ
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
2020/01/17追記
|
|
104
|
+
|
|
105
|
+
---
|
|
106
|
+
|
|
107
|
+
もう少しスマートな方法を見つけたので追記します。
|
|
108
|
+
|
|
109
|
+
SVGに `pointer-events: all;` を設定するだけで全体をクリックできるようになります。
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
[pointer-events - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/pointer-events)
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
```CSS
|
|
118
|
+
|
|
119
|
+
svg {
|
|
120
|
+
|
|
121
|
+
position: absolute;
|
|
122
|
+
|
|
123
|
+
top: 0;
|
|
124
|
+
|
|
125
|
+
left: 0;
|
|
126
|
+
|
|
127
|
+
pointer-events: all;
|
|
128
|
+
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
HTMLは一番上のものと同じでOK。
|