仅为Bootstrap Glyphicon填充空心区域

Question

我使用Bootstrap glyphicons作为网络应用程序，并且喜欢能够将它们用作字体的灵活性，因为它们是什么，而不是图形。但是，我正在使用"opacity:1;fill:#a7a7a7;fill-opacity:1;stroke:#000000;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" 图标遇到挑战，该图标有一个彩色圆圈，周围是空的＆＃34; x＆＃34;。我喜欢围绕＆＃34; x＆＃34;的黑色的默认外观。并希望用它来关闭圆角的iframe。但是，因为那＆＃34; x＆＃34;是空的，它显示它背后的任何东西：

理想情况下，我想要那个空心的＆＃34; x＆＃34;是一个不同的颜色，如白色，很容易与背景颜色，除了在其他矢量字体周围创建一个框，看起来不雅我的用法，有多种颜色可以在图标后面竞争：

问题是：有没有办法只是填写这个glyphicon的空心区域内的空白区域，而没有这个看起来很奇怪的盒子？我看了一下使用带有背景颜色的剪辑路径，但是它不能用于IE。我欢迎任何人可能提出任何修复建议 - 提前谢谢。

Answer 1

创建一个glyphicon的包装div，给它border-radius以模仿拉伸它的圆然后给出背景颜色