我正在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,手形光标显示如我所料。所以这不是我的浏览器的错。
有人能建议为什么我没有得到一个简单的引导风格的按钮手光标吗?
7条答案
按热度按时间h9a6wy2h1#
尝试添加
role='button'
,我遇到过这个问题,即使 Bootstrap 的文档说type='button'
应该做这项工作,但我的没有。a7qyws3x2#
你需要去掉button标签,只在bootstrap类中使用锚标签。
而不是:
<button class="btn btn-primary">Hello </button>
写:
这将使鼠标悬停在btn Bootstrap 类上时显示HAND CURSOR
gev0vcfq3#
尝试向按钮添加href,如href="#”。
当你开始改变原生元素类型和角色时,会有其他的副作用,包括这些元素如何与用户的可访问性交互。有关详细信息,请参见MDN链接:Button Role
ars1skjm4#
您缺少type=“按钮”。
在 Bootstrap 源代码较少的文件中,为输入[type=“button”]规则指定了几个css规则。(版本3.3.6已检查)
您可能不必使用它,但它是要与type=“button”一起使用的。
在W3School和Bootstrap按钮演示页中,他们使用type=“button”
验证码:
W3:
如果在添加type=“button”(或submit或reset)后它仍然不起作用,请尝试使用inspector查看您的元素,看看是什么覆盖了“指针:游标”CSS规则。
nue99wik5#
我一直在寻找像你一样的方法来添加这只手,直到我看到那只手出现后,表格被填写。(正在使用
顺便说一句)
wnrlj8wa6#
1.创建新css:
.cursor-pointer { cursor: pointer; }
1.在按钮上应用css:
class="cursor-pointer"
6yoyoihd7#
我遇到了同样的问题。当
hover
在button
上时,手光标不显示,而是看到鼠标指针。通过使用以下方法修复了它。第1次固定:
第2次固定: