每一个,我都在使用angular并且我有一个svg,html,比如:
<button
type="button"
class="filter-icon-wrapper padding-0 border-0 outline-0 bg-transparent pointer"
>
<mat-icon class="filter-icon" *ngIf="!isDateType" svgIcon="filter_default">filter_alt</mat-icon>
</button>
这是svg源代码filter_default:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.9 11.91"><defs><style>.cls-2{fill:#707070;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="Path_7587" data-name="Path 7587"><path class="cls-2" d="M6.8,11.91a1,1,0,0,1-.58-.19l-1.7-1.19a1,1,0,0,1-.43-.83V5.52L.3,1.73A1,1,0,0,1,0,1,1,1,0,0,1,.29.3,1,1,0,0,1,1,0h9.88a1,1,0,0,1,.72.29,1,1,0,0,1,0,1.44L7.82,5.52v5.37a1,1,0,0,1-.19.59A1,1,0,0,1,6.8,11.91ZM1,1,5.09,5.11V9.7L6.8,10.9l0-5.79L10.9,1V1Z"/></g></g></g></svg>
我想知道当鼠标悬停时如何改变svg的颜色,谢谢大家的帮助!
null
.cls-2 {
fill:#707070;
}
.cls-2:hover {
fill: red;
}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.9 11.91"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="Path_7587" data-name="Path 7587"><path class="cls-2" d="M6.8,11.91a1,1,0,0,1-.58-.19l-1.7-1.19a1,1,0,0,1-.43-.83V5.52L.3,1.73A1,1,0,0,1,0,1,1,1,0,0,1,.29.3,1,1,0,0,1,1,0h9.88a1,1,0,0,1,.72.29,1,1,0,0,1,0,1.44L7.82,5.52v5.37a1,1,0,0,1-.19.59A1,1,0,0,1,6.8,11.91ZM1,1,5.09,5.11V9.7L6.8,10.9l0-5.79L10.9,1V1Z"/></g></g></g></svg>
只是尝试在CSS中练习悬停和下拉。在下面的代码中,我希望每当下拉子div(带有Home1文本的绿色div)悬停在上面时,的背景色(红色)应该更改为蓝色。 会很感激你的帮助。 null null
我在HTML中添加了SVG。我想做的是,当鼠标悬停在SVG上时,将其更改为淡黄色,转换为1s。 HTML中的CSS是: 超文本标记语言的内容: 猛禽。svg内容如下: 或者,我尝试使用CSS在鼠标移动期间改变颜色: 它也不能工作,因为CSS属性不能更改SVG填充颜色。 我错过了什么?我必须使用内联SVG吗?
问题内容: 我需要更改悬停按钮的颜色。 这是我的解决方案,但是不起作用。 问题答案: 表示“正在悬停的链接是该类链接的子链接”。 代替。
目前我的html如下所示: 我尝试执行以下CSS,但没有任何结果:
我想设置一个圆圈网格(非重叠),以便当鼠标指针位于其中一个圆圈上时,该圆圈会改变颜色。我已经尝试过,到目前为止有两种选择: > 使用容器,例如JPanel。使用MouseMotionListener.mouseMoved(MouseEvent e)始终获取鼠标指针的x和y坐标。然后,如果坐标位于其中一个圆圈内,请使用repaint()重新绘制整个容器。 将每个圆设置为一个容器。使用mouse li
有人能帮我改变悬停时svg的颜色吗,所以我的jsx就像我导入img的地方一样 然后在我的css文件中,我以类infoIcon为目标,如下所示 我可以看到光标变成了指针,但我的颜色没有改变为什么?