效果如图所示,代码放下面了。在需要致黑白的盒子上加上该css即可:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201108210026784.png#pic_center)
.grayscale {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}