Использование шрифта Awesome, как избавиться от подчеркивания при наведении?

Question

Я использую: После метода динамического меню печенья следа:

тему> Тема> Темы> тема

где «>» является икона из шрифта удивительной

Но я хочу чтобы избавиться от подчеркивания от «>» при наведении курсора на темы

Вот мой код:

<div id="cookie"> 

<ul> 
<li><a href='#'>Leaders</a> </li> 
<li><a href='#'>Topic</a> </li> 
<li>Topic</li> 
</ul> 

Я пробовал различные методы: наведите курсор на css, но не повезло.

Here's my jsfiddle

Answer 1

Вы делали :after по всей линии, a, а не li. Вместо этого сделайте следующее.

#cookie ul li:after { //changed this line 
content: '\f105'; 
font-family: FontAwesome; 
font-weight: normal; 
font-style: normal; 
text-decoration:none; 
padding:0px 0px 0px 12px; 
} 

Here является рабочей скрипкой.

Answer 2

Использование :after на li вместо этого.

#cookie ul li:after { 
    content: '\f105'; 
    font-family: FontAwesome; 
    font-weight: normal; 
    font-style: normal; 
    text-decoration:none; 
    padding:0px 0px 0px 12px; 
} 

Answer 3

Добавьте его в li элемент

Вам нужно будет удалить шрифт удивительным из последнего ребенка на предмет соответствия

#cookie ul li:after { 
    content: '\f105'; 
    font-family: FontAwesome; 
    font-weight: normal; 
    font-style: normal; 
    text-decoration:none; 
    padding:0px 0px 0px 12px; 
} 
#cookie ul li:last-child:after { 
    content: ''; 
    font-family: FontAwesome; 
} 

DEMO http://jsfiddle.net/kevinPHPkevin/9k5sf/1/

Answer 4

Я боролся с подчеркиванием когда это используя шрифт-awesome в Wordpress. Моим решением было установить границу: 0; Оказывается, «линия» была границей, а не украшением текста.