Css 在图像上添加字体图标

我需要在image onclick上添加一个图标。 我添加了一个边框，它会在单击时正确显示，但不会显示字体图标

HTML

.couleursProduits输入[type=radio]{
位置：绝对位置；
不透明度：0；
宽度：0；
身高：0；
}
.couleursProduits输入[类型=无线电]+img{
光标：指针；
浮动：左；
外形：1px实心#d0cdcd；
轮廓偏移：-2px；
}
.couleursProduits输入[类型=无线电]：选中+img{
外形：2px实心#ceb284；
轮廓偏移：-2px；
}
.couleursProduits输入[类型=无线电]：选中+img:之后{
内容：“\f112”；
字体系列：“woodmart字体”；
显示：内联块；
字体大小：16px；
线高：50px；
字号：600；
}

图像没有内容，您应该将

：：放在其他内容之后。此问题的答案可能会对您有所帮助：