使用下面的标记,当悬停在上面时,按钮文本加下划线.我该如何摆脱这种行为?
有没有更好的方法在bootstrap中添加链接到btn-group以避免这种行为?
<a href="#">
<div class="btn-group">
<button class="btn">Text</button>
<button class="btn">Text</button>
</div>
</a>
Run Code Online (Sandbox Code Playgroud)
经测试的CSS行:
a:hover .btn-group { text-decoration: none }
a .btn-group:hover { text-decoration: none }
a:hover .btn-group .btn { text-decoration: none }
a .btn-group .btn:hover { text-decoration: none }
Run Code Online (Sandbox Code Playgroud)
任何额外的!重要的也不起作用(由baptme建议).
我们正在使用Bootstrap为我们的网站提供响应能力.指示后续链接是一种很好的用户体验实践,但由于Bootstrap是为应用程序构建的,因此它不支持此功能.是否有人使用过的变通办法?