css - twitter-bootstrap：当鼠标悬停在-tag中的 btn-group 上时，如何去掉带下划线的按钮文本？
问问题
175134 次
15 回答
103
引导程序 4+
现在在 Bootstrap 4+ 中很容易做到这一点
<a href="#" class="text-decoration-none">
<!-- That is all -->
</a>
于 2019-05-21T05:51:41.163 回答
100
{ text-decoration: none !important}
编辑1：
仅对您而言，示例a{text-decoration: none}将有效
您可以使用一个类来不干扰<a>标签的默认行为。
<a href="#" class="nounderline">
<div class="btn-group">
<button class="btn">Text</button>
<button class="btn">Text</button>
</div>
</a>
CSS：
.nounderline {
text-decoration: none !important
}
于 2012-08-06T14:42:36.033 回答
18
于 2015-08-05T19:40:48.083 回答
12
为什么不直接申请nav-link课程？
<a href="#" class="nav-link">
于 2018-09-18T13:30:38.277 回答
7
a.btn {
text-decoration: none;
}
于 2014-06-24T10:32:11.027 回答
7
问题是您的目标是按钮，但它是导致 text-decoration: 下划线的 A 标记。因此，如果您以 A 标签为目标，那么它应该可以工作。
a:hover, a:focus { text-decoration: none;}
于 2016-10-05T23:17:43.607 回答
2
如果您在项目中使用 Less 或 Sass，则可以定义link-hover-decoration变量（underline默认情况下），一切就绪。
于 2016-05-24T18:24:00.050 回答
1
a:hover, /* OPTIONAL*/
a:visited,
a:focus
{text-decoration: none !important;}
于 2017-07-26T09:06:10.500 回答
1
如果您使用引导程序，则可以轻松地 从锚标记中删除下划线。就我而言，我曾经喜欢这个；
<a href="#first1" class=" nav-link">
<button type="button" class="btn btn-warning btn-lg btn-block">
Reserve Table
</button>
</a>
于 2020-04-15T13:44:25.050 回答
0
a:hover{text-decoration: underline !important}
a{text-decoration: none !important}
于 2016-08-03T11:16:21.403 回答
0
.btnanchor element是最好的方法，在现代网站中，如果不使用它就不好，href所以使anchor tagtobutton更好。
于 2018-08-24T17:02:58.733 回答
0
只需在链接中使用引导类“btn”，它会在悬停时删除下划线
于 2020-11-08T11:41:39.127 回答
0
将 Bootstrap 类“text-decoration-none”添加到您的锚标签
`<a href="#" class="***text-decoration-none***">
<div class="btn-group">
<button class="btn">Text</button>
<button class="btn">Text</button>
</div>
</a>`
于 2021-03-21T11:15:14.980 回答
0
将此css代码添加到您的 css 文件中：
a.btn { text-decoration: none !important; }
使用a标签：
<a href="account/login" class="btn btn-outline-success mx-2">Login</a>
于 2022-01-29T09:20:19.680 回答
-2
尝试将锚标记放入其中并添加 {display:block;}....它会正常工作
于 2017-01-03T08:22:30.777 回答