引導頁面滾動活動顏色不變

我正在使用Start Bootstrap的免費模板。（http://blackrockdigital.github.io/startbootstrap-freelancer/）向頁面向下滾動時，可以看到處於活動狀態的菜單項具有較深的背景色。我想在菜單項目處於活動狀態時更改菜單項目的背景顏色，但無法使其工作。引導頁面滾動活動顏色不變

我已經嘗試了我迄今爲止所知道的每個選項。任何人都可以幫助我與此需要的CSS？

來源

2016-02-27 user3520672

你可以在代碼片段中發佈你的嘗試代碼嗎？ – silviagreen

https://jsfiddle.net/r7fuo2tf/ < - 這些都是我嘗試過的一些東西。 – user3520672

這是你必須覆蓋規則：

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { 
    color: #ffffff; 
    background-color: yellow; //Use your color here 
}

你要改顏色是<a>背景（當它處於活動狀態）。

來源

2016-02-27 18:48:31 silviagreen

正是我所要求的，它完美的工作。感謝您的快速回復:) – user3520672

不客氣。該行位於bootstrap.min.css行11 – silviagreen

您不需要編輯引導程序文件，只需將其覆蓋在引導程序文件下方的自定義CSS中即可。 –

在您的自定義CSS的地方：

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #ffffff; background-color: #1a242f; }

然後你就可以相應地改變顏色和背景。

請確保您的自定義CSS包含在引導文件的下面或它不起作用。

來源

2016-02-27 18:50:55

引導頁面滾動活動顏色不變

回答

相關問題