Bootstrap導航欄CSS不必要的影響

Question

我對CSS很陌生，所以請原諒，如果我無法正確描述這個問題。它發生在Chrome和Safari上，但不是FireFox。當我點擊導航菜單選項卡時，藍色矩形出現。我不知道它是什麼，所以我不知道如何擺脫它。任何幫助將非常感激。謝謝！

Answer 1

補充一點：

.navbar-light .navbar-nav .active>.nav-link:focus { 
    outline:0; 
} 

Answer 2

Chrome和Safari瀏覽器默認保留最後點擊的元素上的焦點，因此會出現藍色的輪廓..

您可能有添加outline:none到:active和:focus僞類到你想避免這個大綱的元素。