overriding bootstrap link - focus

Question

Я использую фреймворк bootstrap и пытаюсь переопределить некоторые его функции. Я работаю, кроме одного. Я пытаюсь удалить фон при нажатии ссылки. Прямо сейчас щелкнута ссылка, и позади показан серый фон. Проблема также в том, что ссылка просто идет к нижней части той же страницы.

я смог снять этот вопрос с помощью следующего кода, однако, делать это таким образом делает фон не отображаться при наведении курсора мыши (ссылка остается активным при нажатии)

.navbar-custom .nav>li>a:hover { 
color: #585858; 
background-color: #fff; 
} 

.navbar-custom .nav>li>a:focus { 
background-color: transparent; 
} 

Answer 1

Если я правильно понял , вы должны быть в состоянии заменить :focus с :active, чтобы решить вашу проблему:

.navbar-custom .nav>li>a:active { 
    background-color: transparent; 
}