html - Bootstrap 5 下划线默认更改？

Question

在 Bootstrap 4 中，我知道它将默认文本装饰设置为无。
但是使用 Bootstrap 5，如果我只是添加一个原始 anchor 标记，它现在会同时显示蓝色文字和下划线。
我希望只在悬停时显示 undelrine。这是 Bootstrap 5 在发布中改变的东西吗？我找不到任何说明它的文件。
目前我使用:

    a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: underline;
    color: inherit
}

但这也会影响任何按钮作为链接，例如

<a href="{% url 'answer-create' question.id %}" class="btn btn-outline-dark mr-2 py-0">Answer</a>

Answer 1

是的，从 Bootstrap 5 alpha1 开始，migration docs state :

"Links are underlined by default (not just on hover), unless they’re part of specific components"

你可以像这样创建一个特殊的类:

.text-underline-hover {
    text-decoration: none;
}

.text-underline-hover:hover {
    text-decoration: underline;
}

<a href="#" class="text-underline-hover">Link</a>

Demo
或 ，如果您希望它适用于除包含 class= 的 anchor 之外的所有 anchor 属性使用:

a:not([class]) {
    text-decoration: none;
}

a:not([class]):hover {
    text-decoration: underline;
}

这不会影响 btn , 只有没有 class 的链接悬停时会加下划线。