Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/flash/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 3 仅为引导图示符填充空心区域_Twitter Bootstrap 3_Glyphicons - Fatal编程技术网

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

Twitter bootstrap 3 仅为引导图示符填充空心区域,twitter-bootstrap-3,glyphicons,Twitter Bootstrap 3,Glyphicons,我正在为一个web应用程序使用引导图标,我喜欢将它们作为字体使用的灵活性,因为它们是字体,而不是图形。然而,我遇到了一个挑战,glyphicon-remove-sign图标,它有一个彩色圆圈围绕着一个空的“x”。我喜欢“x”周围的默认黑色外观,并希望使用它来关闭圆角iframe。但是,因为“x”是空的,所以它会显示它后面的内容: 理想情况下,我希望空心的“x”是一种不同的颜色,比如白色,背景色很容易处理,除了在矢量化字体周围创建一个框,看起来很难看,图标后面有多种颜色要处理: 问题是:有没有

我正在为一个web应用程序使用引导图标,我喜欢将它们作为字体使用的灵活性,因为它们是字体,而不是图形。然而,我遇到了一个挑战,
glyphicon-remove-sign
图标,它有一个彩色圆圈围绕着一个空的“x”。我喜欢“x”周围的默认黑色外观,并希望使用它来关闭圆角iframe。但是,因为“x”是空的,所以它会显示它后面的内容:

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


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

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