网站设计规划说明书,网站建设推广哪里好,网站建设的实训报告怎么写,在网站上做外贸网上试了好几个方法都不行#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 事件仍然能正常触发。