Bootstrap 4链接悬停下划线

Question

引导程序4仅在悬停时将text-decoration: underline;属性添加到锚标记。

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

我刚刚为CSS创建了一个助手类以将其删除，但是我想检查是否已经存在一个助手类，也许我忽略了它。

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

Answer 1

Bootstrap 4 $link-hover-decoration中实际上有一个变量。因此，如果您自己构建Bootstrap，则可以将其设置为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;
  }
}