如何在悬停时将图标的颜色更改为白色

Question

我有以下div

<div class="box-decoration">
	            <a href="dashboardme.html"><img src="..\change\icons\pdf.png"> Owner-Operator Profile
	            </a>
</div>

我想将pdf图标的颜色更改为白色（如屏幕截图所示），并且在悬停之前它看起来是蓝色的。 如何更改hover上的图标颜色

Answer 1

尝试一下：

CSS

.box-decoration:hover img{
   filter: brightness(0) invert(1);  
}