Fatal编程技术网
  • css/
  • Css 引导4链接悬停下划线

Css 引导4链接悬停下划线

css twitter-bootstrap bootstrap-4

Css 引导4链接悬停下划线,css,twitter-bootstrap,bootstrap-4,Css,Twitter Bootstrap,Bootstrap 4,bootstrap4添加了文本装饰：下划线属性仅适用于悬停时的定位标记 是否有帮助程序或实用程序类将其删除 我刚刚为css创建了一个helper类来删除它，但我想检查是否已经存在一个helper类，也许我忽略了它 /* My helper class */ .no-underline:hover { text-decoration: none; } 实际上，在Bootstrap 4$link hover装饰中有一个变量。因此，如果您自己构建引导，可以将其设置为none。以下是其他可用变量：

bootstrap4添加了
文本装饰：下划线属性仅适用于悬停时的定位标记

是否有帮助程序或实用程序类将其删除

我刚刚为css创建了一个helper类来删除它，但我想检查是否已经存在一个helper类，也许我忽略了它


/* My helper class */
.no-underline:hover {
  text-decoration: none;
}



实际上，在Bootstrap 4
$link hover装饰中有一个变量。因此，如果您自己构建引导，可以将其设置为
none
。以下是其他可用变量：


a {
  color: $link-color;
  text-decoration: $link-decoration;
  background-color: transparent; // Remove the gray background on active links in IE 10.

  @include hover {
    color: $link-hover-color;
    text-decoration: $link-hover-decoration;
  }
}



浏览器的默认行为是在链接右侧加下划线，但引导会将其删除，但会在悬停时添加下划线。我只是想知道他们的框架中是否有一个helper类可以删除它，而不是创建我自己的。是的，您可以在元素上使用
nav link
class来删除悬停时的下划线