當自舉的CSS將重置一個：

最近我使用bootstrap訪問過的鏈接樣式，找到bootstrap.css將清零a:visited風格，當自舉的CSS將重置一個：

所以有些人抱怨說很難告訴部分他們在我的網頁上訪問的鏈接。

爲什麼bootstrap會這樣做？

清除訪問風格後，還可以添加其擁有者訪問風格，爲什麼他們只是放棄它？

2013-08-20 hh54188

如果真的有這麼多問題，您可以自己更改a:visited的顏色。

只需進入bootstrap並執行此操作，或者如果您有自定義的.css文件，請在bootstrap.css之後的<head>部分加載它，然後在a:visited{color:#000 !important;}之內加載它。這會改變顏色（顯然將它改爲你想要的顏色）。

來源

2013-08-20 07:44:56 Albzi

你不應該使用'覆蓋框架的CSS規則時important'！，使用相同的選擇器並在框架添加了自定義文件後，將爲新規則添加足夠的權重，OP也會詢問Bootstrap中是否存在CSS規則，因此實際上沒有任何可覆蓋的內容 –

確保您沒有腳手架作業本身創建的scaffold.css。它有你正在尋找的訪問風格。也許。

來源

2013-09-27 08:54:06

如果您使用引導3的少的版本，你可以試試this Gist我做了一個基礎，下面複製：

@link-hover-color: lightblue; //Change this to your needs 
a{ 
color: @link-color; 
&:hover{ 
    color: @link-hover-color; 
} 
&:hover, &:focus{ 
    text-decoration: none; 
} 
&:visited:not(.btn){ 
    color: @link-visited-color; 
} 

// Exceptions to :visited state 
// Comment out to taste 
&.list-group-item:visited{ 
    color:@list-group-link-color; 
    &.active, 
    &.active:hover, 
    &.active:focus { 
     color: @list-group-active-color; 
    } 
} 
.navbar-default &.navbar-brand:visited{ 
    color:@navbar-default-brand-color; 
} 
.navbar-inverse &.navbar-brand:visited{ 
    color:@navbar-inverse-brand-color; 
} 
.nav-tabs > li > &:visited{ 
    color: @link-color; 
} 
.nav-pills > li > &:visited{ 
    color: @link-color; 
} 
.nav-pills > li.active > &:visited{ 
    &, 
    &:hover, 
    &:focus { 
    color: @nav-pills-active-link-hover-color; 
    } 
} 
.dropdown-menu > li > &:visited{ 
    color: @dropdown-link-color; 
    &:hover, 
    &:focus { 
    color: @dropdown-link-hover-color; 
    background-color: @dropdown-link-hover-bg; 
    } 
} 
.dropdown-menu > li.disabled > &:visited{ 
    &, 
    &:hover, 
    &:focus { 
    color: @dropdown-link-disabled-color; 
    } 
} 
.pager > li > &:visited, 
.pagination > li > &:visited{ 
    &, 
    &:hover, 
    &:focus { 
     color: @link-color; 
    } 
} 
.pagination > .active > &:visited{ 
    &, 
    &:hover, 
    &:focus { 
     color: @pagination-active-color; 
    } 
} 
.pagination > .disabled > &:visited{ 
    &, 
    &:hover, 
    &:focus { 
     color: @pagination-disabled-color; 
    } 
} 
&.alert-link:visited{ 
    color: inherit; 
} 
}

來源

2015-05-15 16:10:41 MonkeyDo

請將相關代碼添加到答案。 – Martin

我複製了這個要點，以防鏈接在某天死亡，感謝您的反饋。 – MonkeyDo

當自舉的CSS將重置一個：

回答

相關問題