我在网页中有一个图标：
<div class='icon-container'>
<img src = "img/gavel3.png" class="gavel-icon" style='vertical-align:center;width:80px;'>
</div>
我正在尝试用颜色替换此图像中的黑色：#2a4f6c仅使用CSS。我尝试使用 Photoshop 将黑色替换为这种颜色，但它看起来很糟糕且有颗粒感。是否可以使用纯 CSS 解决方案？
下面有问题的图片。
使用图像作为蒙版，你可以这样做：
.img {
width:150px;
height:150px;
display:inline-block;
background:red;
-webkit-mask:url("https://i.ibb.co/FhZb3Xs/CJcLK.png") center/contain;
mask:url("https://i.ibb.co/FhZb3Xs/CJcLK.png") center/contain;
}
img {
width:150px;
height:150px;
}
<div class="img"></div>
<div class="img" style="background:#2a4f6c"></div>
<img src="https://i.ibb.co/FhZb3Xs/CJcLK.png" >
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
