Twitter bootstrap 3 仅为引导图示符填充空心区域

我正在为一个web应用程序使用引导图标，我喜欢将它们作为字体使用的灵活性，因为它们是字体，而不是图形。然而，我遇到了一个挑战，

glyphicon-remove-sign

图标，它有一个彩色圆圈围绕着一个空的“x”。我喜欢“x”周围的默认黑色外观，并希望使用它来关闭圆角iframe。但是，因为“x”是空的，所以它会显示它后面的内容：

理想情况下，我希望空心的“x”是一种不同的颜色，比如白色，背景色很容易处理，除了在矢量化字体周围创建一个框，看起来很难看，图标后面有多种颜色要处理：

---

问题是：有没有一种方法可以不使用这个看起来乱七八糟的框来填充这个glyphicon的中空区域内的空白？我曾考虑过使用背景色的剪辑路径，但这对IE不起作用。我欢迎任何人在此提出修复建议——提前感谢。

创建glyphicon的包装div，为其指定边界半径以模拟散布它的圆，然后为其指定背景色