Bootstrap按钮 - 无手形光标

Question

我正在Visual Studio 2015中开发一个MVC6项目.我刚刚使用Bower添加了Bootstrap 3.3.6.在一个非常简单的html页面上,我引用了标题中的CSS和正文底部的Bootstrap,如下所示:

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<script type="text/javascript" src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>

我定义了一个按钮如下:

<button class="btn btn-primary">Hello</button>

当我调试项目(IIS,IE11)时,按钮出现并且由Bootstrap显式设置,但没有手形光标.

如果我使用浏览器导航到Bootstrap样式按钮的示例,例如:http://www.w3schools.com/bootstrap/bootstrap_buttons.asp,手形光标将按照我的预期显示.所以这不是我的浏览器的错.

任何人都可以建议为什么我没有从一个简单的Bootstrap风格的按钮获得手形光标吗？

Answer 1

请尝试添加role='button'.我有这个问题,即使bootstrap上的文档说type='button'应该做的工作,但我没有.

Answer 2

您缺少 type="button"。

在 bootstrap source less 文件中，有几个为 input[type="button"] 规则指定的 css 规则。（检查版本3.3.6）

您可能不必使用它，但它旨在与 type="button" 一起使用。

在 W3School 和 Bootstrap 按钮演示页面中，它们都使用 type="button"

你的代码：

<button class="btn btn-primary">Hello</button>

W3：

<button type="button" class="btn btn-default">Default</button>

如果添加 type="button" （或提交或重置）后仍然无法正常工作，请尝试使用检查器查看您的元素，看看是什么覆盖了“pointer:cursor”css 规则。