Bootstrap 4 ссылка наведите курсор мыши

Question

Bootstrap 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;
  }
}