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'。我遇到了这个问题，即使引导程序上的文档说type='button'应该完成工作但是我没有。

Answer 2

你需要摆脱按钮标签，只需使用带有boostrap类的ancher标签。例如：

而不是：

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

写：

<a href="#" class="btn btn-primary">Hello </a>

当将鼠标悬停在btn bootsrtap类上时，这将使HAND CURSOR出现

Answer 3

尝试添加href，例如href =＆＃34;＃＆＃34;到按钮。

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

当您开始更改本机元素类型和角色时，还会产生其他副作用，包括这些元素如何与用户的可访问性进行交互。有关详细信息，请参阅此MDN链接：Button Role

Answer 4

您缺少type =“按钮”。

在bootstrap source less文件中，为输入[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规则的内容。

Answer 5

我一直在寻找一种方法来添加此移交，直到填写表格后我看到那只手出现。（正在使用

#!/bin/csh
exec java -jar i2exrep.jar

顺便说一句

Bootstrap按钮 - 无手形光标

5 个答案: