济南行业网站开发,汉中商城网站建设,wordpress 分类目录归档,域名网址网上试了好几个方法都不行#xff0c;问了一下身边同事的处理方法#xff0c;终于搞定了。话不多说#xff0c;直接上代码#xff1a;
此处是 jsx 中的图标引入
img className{STYLE.contactIcon}onClick{() {你的一些操作}} style{{WebkitMaskImage: url(${ite…网上试了好几个方法都不行问了一下身边同事的处理方法终于搞定了。话不多说直接上代码
此处是 jsx 中的图标引入
img className{STYLE.contactIcon}onClick{() {你的一些操作}} style{{WebkitMaskImage: url(${item.icon}), maskImage: url(${item.icon})}}/以下为 CSS 文件代码
.contactIcon {width: 28px;height: 28px;background-color: #666666;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: contain;mask-size: contain;margin-left: 26px;}通过 -webkit-mask-image 和 mask-image 两个属性进行路径的设置即可再使用 background-color 改变图标的颜色。 这种方法也不会阻塞点击事件原先的 onClick 事件仍然能正常触发。
