質問編集履歴
2
テキスト追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -71,6 +71,7 @@
|
|
|
71
71
|
```css
|
|
72
72
|
.download-icon-svg{
|
|
73
73
|
stroke: #ff7101;
|
|
74
|
+
/* svgの線の色は変わりませんでした。 */
|
|
74
75
|
}
|
|
75
76
|
```
|
|
76
77
|
どうすれば以下のsvg画像の線の色をaタグhoverに合わせて色が変えられますか?
|
1
テキスト修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
|
|
60
60
|
|
|
61
61
|
### 発生している問題
|
|
62
|
-
上記コードでホバー時にsvg画像以外は期待通りのhover処理ができています。
|
|
62
|
+
上記コードでaタグホバー時にsvg画像以外は期待通りのhover処理ができています。
|
|
63
63
|
しかし、svg画像だけ色が変わりません。。。（svg画像の線の色を変えたいです。）
|
|
64
64
|
|
|
65
65
|
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
stroke: #ff7101;
|
|
74
74
|
}
|
|
75
75
|
```
|
|
76
|
-
どうすれば以下のsvg画像をaタグhoverに合わせて色が変えられますか?
|
|
76
|
+
どうすれば以下のsvg画像の線の色をaタグhoverに合わせて色が変えられますか?
|
|
77
77
|
```HTML
|
|
78
78
|
<svg class="download-icon-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21" height="27" viewBox="0 0 21 27">
|
|
79
79
|
<image id="DLicon" width="21" height="27" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA2CAYAAACx1wu7AAACpUlEQVRoge2av2sUQRTHP5eLBynECCKKYBNBDqwlKJxwVjZBxCIixMJCUtj7J2gpgoJRC5VoIf7IiY2NxgTzB4gStLBRLKwEUU/jyFtn5WVx73ZmZ/dO2S8MN7v33psPM3szb+YWY4yUSWPMojHmhylHc7bdzCWG7JYEqDXrAjoKnAU28FtvgHcUI2lrv4p80X5eytSaGu5VY0zddUgcynienh0B6pb5FbBWUG8m9VpdS8/O9nMYKQksqZfAOXWvL+ygQEVnXGAHCYoL7KBBSYE9mTQaBlD+AnsZOK4NhgWUBKxwXdewZYJ+VfXtKTYCe97W18GOFs/3RwL6AtgD7AUe91gFV4HdFvZG5KNWiPsFrkpxOeKbGJT9jN4FjnnkE59qJsqhIj0ADucEqamp5aqkEil20kE7gfEMMTcDz0M/o4eAOVt/DzxKsfsJvHUJHHrot6bUc2uY5tGeqkBDqwINrf8edB8w4eE3YX2d5QM6DSzbfc+Ug9+U9Vm2MZzkA7rRfjaAO0A7g0/b2jYSMTLLB/QaMG/rcnDxsA9s29rEhxzzNkbhoLL3n1GwYz1gY8gxBTnjc37g+2OShk4AnQRsU9k0E5Ad6+MCKSnhF+BW3sS5YYxZUDG+pdQXrK1r/HuhEucucFT1bEN9F9c71qbrEb8WV0JM+ElYrTyQ6xRqZYphl9S9pVCQBN6FCtBB4IK9Ph0KkgK2ywJ2KnDMSFX2FFq+Qz8JbPP0/QCsuDr5gE5HK0U+yYpz2yWCz9BvygnpFcOnR68An4EtHr6ijz4j4gMqScVND79cqqan0KpAQ6sCDa1/CjTebDXVP83DoLraLK7JGf4T4IC9UeSLBa7aAeyyPk8FVDKhRXVAMGz6DrRk6CXlagHPSnyxIIuERZhawMovSO5II4+T/lEAAAAASUVORK5CYII="/>
|