Duplicate Font Удивительные значки, появляющиеся в IE9

Question

Im using Font Удивительные значки на моей странице JSP, однако IE показывает дополнительный значок icon-16 icon-plus-sign. Я нашел решение, ссылаясь на Duplicated icon issue with Twitter Bootstrap and Font Awesome

Я попытался добавить следующее к моей bootstrap.css, но не помогло

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

Im не уверен, как я добавить следующее шрифт-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"/> 

Однако IE показывает Addtional значка-16 значка плюс знак в приложении. Сгенерированный HTML код для IE, а отладка показывает два

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"/> 

Answer 1

Вы должны использовать отдельный закрывающий тег для значка, как это,

<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> 

Answer 2

Убедитесь, что вы используете щебетать Twitter без элемента значка.

они обеспечивают версию специально для этого случая

Как вы можете видеть, что есть 3 основная версия CSS:

• полные: главная + отзывчивый + значок
• без значка: главное + отзывчивый
• без отзывчивого поведения: основной + значок

link

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

Примечания очистить ваш браузер наличных денег для любого решения размещен на другие форумы

Answer 3

Просто добавьте дисплей: блок; и height: от 0 до стилей ico в css.