覆蓋bootstrap！重要

Question

我只想在焦點狀態下襬脫我的下拉列表中的輪廓。看到這個圖像

我試着用重寫引導！重要的，但不工作。只需檢查開發工具，並突然看到這一點。

引導還使用！重要的標記。所以我不能重寫它。我可以使用ID來設置按鈕並將焦點輪廓設置爲0，但我的網站上有很多下拉菜單。任何修復這種情況？

.bootstrap-select .dropdown-toggle:focus{ 
    outline: none!important; 
} 

Answer 1

正如我可以在您的圖像中看到，您的style.css文件加載之前，您的引導CSS文件。所以你必須在bootstrap-select.min.css文件後加載你的style.css文件。

Answer 2

在你的HTML，負載style.css已裝載bootstrap-select.min.css後。

換句話說，首先加載bootstrap-select.min.css，然後加載style.css。

在同一規則中，稍後定義的屬性將覆蓋以前定義的屬性。