Нежелательные дисплей подчеркивание под гиперссылок

Question

Я пытаюсь отображения строки при наведении курсора мыши при наведении на ссылки и что работает, но появилась другая белая линия при наведении на ссылки

CSS:

.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus 
{ 
    color: white; 
    background-color: transparent; 
    text-decoration: underline; 
    border-bottom: solid 3px red; 
} 

Как удалить белую строку под Домашней ссылкой?

Answer 1

Изменить код:

text-decoration: underline; 

к

text-decoration: none; 

Answer 2

Измените text-decoration: underline; на text-decoration: none; на ваш код CSS. Используйте следующий код:

.navbar-custom .navbar-nav > li > a:hover, 
.navbar-custom .navbar-nav > li > a:focus { 
    color: white; 
    background-color: transparent; 
    border-bottom: 3px solid red; 
    text-decoration: none; 
} 

Answer 3

a { 
    text-decoration: none; 
}