2

最近在用bootstrap，发现bootstrap.css会清除a:visited样式，

喜欢：http: //jsfiddle.net/FbCMH/

所以有些人抱怨在我的页面上很难区分他们访问的链接。

为什么引导程序会这样做？

清除访问样式后，还可以添加其所有者访问样式，为什么就放弃了呢？

4

3 回答 3

1

如果您使用的是较少版本的 Bootstrap 3，您可以尝试我制作的这个 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-15T16:10:41.543 回答
0

如果真的有那么大的问题，你可以a:visited自己改变颜色。

只需进入引导程序并执行此操作，或者如果您有自定义 .css 文件，请bootstrap.css在该<head>部分之后加载它，然后在其中 put a:visited{color:#000 !important;}。这将更改颜色（显然将其更改为您想要的颜色）。

于 2013-08-20T07:44:56.030 回答
0

确保您没有由脚手架作业本身创建的脚手架.css。它具有您正在寻找的已访问样式。也许。

于 2013-09-27T08:54:06.243 回答