重复字体在IE9中显示的真棒图标

在我的JSP页面中使用Font Awesome图标，但是IE在应用程序中显示了addtional icon-16图标加号。我已经参照 Duplicated icon issue with Twitter Bootstrap and Font Awesome重复字体在IE9中显示的真棒图标

找到了解决办法，我尝试添加以下到我的bootstrap.css但没有帮助

[class^="icon-"], [class*=" icon-"]{ 
    background:none; 
    }

林不知道我如何添加以下到font-awesome.css和bootstrap.css

<style type="text/css"> .icon {background:none;} </style>

我的JSP代码使用字体真棒图标“图标16的图标加符号”是如下

<h:grid-check isCheckBoxRequired="false" checkedValue="${user.id}" id="user-${user.username}"/> 
       <h:grid-expand rowId="${user.id}" 
           childUrl="/admin/user/list/${user.id}/children.json" 
           expandClass="icon-16 icon-plus-sign" 
           collapseClass="icon-16 icon-minus-sign"/>

然而1E示出addtional图标-16中的应用程序图标加标志。为IE生成的HTML代码，而调试显示

的Internet Explorer

<td style="padding-top: 2px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px;"> 
    <a href="#" grid-child-url="/admin/user/list/25766383920481368/children.json" grid-expand="25766383920481368"> 
     <i class="icon-16 icon-plus-sign" data-alt-class="icon-16 icon-minus-sign"/> 
<i class="icon-16 icon-plus-sign" data-alt-class="icon-16 icon-minus-sign"/>

来源

2013-09-25 ronan

我应该加 [class^=“icon-”]，[class * =“icon - ”] { background：none; } 要font-awesome.css？ – ronan

您应该使用单独的结束标记为这样的图标，

<i class="icon-16 icon-plus-sign"></i>

因此，尝试这样的，

<h:grid-check isCheckBoxRequired="false" checkedValue="${user.id}" id="user-${user.username}"> </h:grid-check> 
<h:grid-expand rowId="${user.id}" childUrl="/admin/user/list/${user.id}/children.json" expandClass="icon-16 icon-plus-sign" collapseClass="icon-16 icon-minus-sign"> </h:grid-expand>

来源

2013-09-27 10:00:57 devo

我的JSp页面的代码是 – ronan

我会如何使用您的建议？ – ronan

@ronan我不知道jsp，反正尝试这样''的。 < H：网格扩展ROWID = “$ {user.id}” childUrl = “/管理/用户/列表/ $ {user.id} /children.json” expandClass = “图标16的图标加符号” collapseClass =“图标16的图标，减号”> '' – devo

确保你使用的是没有图标部分的Twitter Bootstrap css。

，因为在这个情况下

提供一个版本专门正如你可以看到有CSS的3个主要版本：

完整：主+响应+图标
没有图标：主+响应
没有响应行为：主+图标

link

//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css

注意清除浏览器的现金对任何解决方案张贴在其他论坛

来源

2013-10-04 02:09:52 bleuscyther

-1

只需添加显示：块;和高度：0到CSS中的ico风格。

来源

2014-11-06 16:01:32 Avera

欢迎堆栈溢出虽然你的答案可能会解决这个问题，它始终是更好，如果你能提供的说明！哪些问题是，如何你一个nswer解决它。这是进一步改善这一点，未来的答案的建议。 –

重复字体在IE9中显示的真棒图标

回答

相关问题