Question

我有一个标签链接的简单标记：

<ul class="nav nav-tabs">
    <li class="active">
        <a href="#">Active</a>
    </li>
    <li>
        <a href="#">Archive</a>
    </li>
</ul>

我正在尝试更改鼠标悬停时链接的颜色。以下是Bootstrap 3.3.1 .scss变量

//=== Shared nav styles
// $nav-link-padding:                          10px 15px
// $nav-link-hover-bg:                         $gray-lighter
// $nav-disabled-link-color:                   $gray-light
// $nav-disabled-link-hover-color:             $gray-light
//== Tabs
// $nav-tabs-border-color:                     #ddd
// $nav-tabs-link-hover-border-color:          $gray-lighter
// $nav-tabs-active-link-hover-bg:             $body-bg
// $nav-tabs-active-link-hover-color:          $gray
// $nav-tabs-active-link-hover-border-color:   #ddd
// $nav-tabs-justified-link-border-color:            #ddd
// $nav-tabs-justified-active-link-border-color:     $body-bg

似乎除了我想要的那个之外，每个都是变化，这是$nav-tabs-link-hover-color。此外，$nav-tabs-active-link-hover-color似乎更改了active-link-color，而不是active-link-hover-color。 $nav-tabs-link-hover-color定义在哪里？

Answer 1

请检查variables.scss并找到

$link-hover-color:      darken($link-color, 15%) !default;

我认为.nav-tabs a：hover，bootstrap使用默认的悬停颜色用于锚点。

Bootstrap nav-tabs链接悬停颜色的.scss变量是什么

1 个答案: