Question

我遇到了GetBootstrap的经典简单滑块问题。

打开此页面。

单击向左或向右箭头。有一个悬停和焦点。当您悬停或聚焦其中一个箭头时，背景会变暗。当您将鼠标移出箭头时，背景将恢复为默认值。但...

如果您单击箭头，然后将鼠标移出箭头，箭头的悬停类将保留。

通常情况下，如果您将鼠标移出箭头，则表示您不再使用箭头，而且不应在箭头上应用悬停/焦点等级。

我正在尝试几天来解决这个问题。感谢。

Answer 1

＆＃34;如果单击箭头，然后将鼠标移出箭头，箭头的悬停类将保留。＆＃34;不太正确 - 它是剩下的箭头：focus 定义。点击其他地方，它就会消失。（注意，bootstrap定义：hover和：焦点状态在一起）。

您可以删除以下定义：focus（尽管不是最佳做法）......

在bootstraps CSS文件中，你会发现：

.carousel-control:focus, .carousel-control:hover {
    color: #fff;
    opacity: 0.9;
    outline: 0 none;
    text-decoration: none;
}

将其更改为：

.carousel-control:hover {
    color: #fff;
    opacity: 0.9;
    outline: 0 none;
    text-decoration: none;
}

HTH， -Ted