61
4

6 回答 6

67

要使其在所有浏览器中运行，Firefox 也必须将其更改为

<a href="#"><button class="btn"></button></a>

或者正如比利护城河所建议的那样，在引导的情况下，你不需要<button>你就可以做

<a href="#" class="btn">GO</a>
于 2013-04-29T14:04:20.267 回答
21

这样做可能更好：

<a href="#" class="btn">Go!</a>
于 2013-04-29T14:21:55.643 回答
3

这个问题发生在 FF 和 IE(< 10) 中。当标签按钮用作链接时，浏览器根本不喜欢它。

引导程序中的快速解决方案是使用并提供一类 btn btn-default （或您选择的按钮样式）。

但是，您可以在表单中使用（例如提交按钮），您应该没有问题。

于 2015-10-07T03:33:41.017 回答
1

您可以简单地使用 onclick 方法而不是更改 HTML 结构，如果由于某些不允许您更改的内容而无法更改结构（例如，引导组件作为列表组，这就是我的情况，呵呵），主要是如果您想在一个按钮内放置两个或多个链接：

<button class="btn"><a onclick="location.replace('YOUR_URL_HERE')"></a></button>
于 2017-06-26T18:29:21.227 回答
0

如果您使用的是wordpress wp_loginout功能。此函数为登录/注销创建一个链接，以将链接嵌套在一个按钮内以进行样式设置，例如：btn btn-primary只需将<button>标签替换为<span>标签

<span class="btn btn-primary"><?php wp_loginout($_SERVER["REQUEST_URI"] ); ?></span>
于 2018-03-19T12:29:21.267 回答
0

这对我保留 bookstrap btn-group 样式很有用：

<button class="btn btn-default" onclick="location.replace('YOUR_URL_HERE')">Click Me</button>
于 2019-04-24T21:07:29.560 回答