仅为 Bootstrap 个 Glyphicon 填充空心区域

Filling in Hollow Area Only for Bootstrap Glyphicon

我正在为网络应用程序使用 Bootstrap 字形图标,并且喜欢能够将它们用作字体的灵活性,因为它们就是这样,而不是图形。但是,我 运行 遇到了 glyphicon-remove-sign 图标的挑战,该图标有一个彩色圆圈,周围是空的 "x"。我喜欢 "x" 周围黑色的默认外观,并想用它来关闭圆角的 iframe。但是,因为 "x" 是空的,它会显示后面的内容:

理想情况下,我希望空心 "x" 是一种不同的颜色,如白色,很容易处理背景颜色,除了在其他矢量字体周围创建一个框并且看起来不雅观用法,在图标后面有多种颜色可以与之抗衡:

问题是:有没有一种方法可以在没有这个笨拙的盒子的情况下只填充这个字形的空心区域内的空 space?我查看了使用带有背景颜色的剪辑路径,但这不适用于 IE。我欢迎任何人在这里提出修复建议 - 提前致谢。

创建字形的包装器 div,给它 border-radius 来模仿拉伸它的圆,然后给它背景颜色