Bootstrap 引导按钮-无手形光标

1yjd4xko  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(7)|浏览(208)

我正在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,手形光标显示如我所料。所以这不是我的浏览器的错。
有人能建议为什么我没有得到一个简单的引导风格的按钮手光标吗?

h9a6wy2h

h9a6wy2h1#

尝试添加role='button',我遇到过这个问题,即使 Bootstrap 的文档说type='button'应该做这项工作,但我的没有。

a7qyws3x

a7qyws3x2#

你需要去掉button标签,只在bootstrap类中使用锚标签。
而不是:
<button class="btn btn-primary">Hello </button>
写:

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

这将使鼠标悬停在btn Bootstrap 类上时显示HAND CURSOR

gev0vcfq

gev0vcfq3#

尝试向按钮添加href,如href="#”。

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

当你开始改变原生元素类型和角色时,会有其他的副作用,包括这些元素如何与用户的可访问性交互。有关详细信息,请参见MDN链接:Button Role

ars1skjm

ars1skjm4#

您缺少type=“按钮”。
在 Bootstrap 源代码较少的文件中,为输入[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”(或submit或reset)后它仍然不起作用,请尝试使用inspector查看您的元素,看看是什么覆盖了“指针:游标”CSS规则。

nue99wik

nue99wik5#

我一直在寻找像你一样的方法来添加这只手,直到我看到那只手出现后,表格被填写。(正在使用

<button type="button"  >

顺便说一句)

wnrlj8wa

wnrlj8wa6#

1.创建新css:
.cursor-pointer { cursor: pointer; }
1.在按钮上应用css:
class="cursor-pointer"

6yoyoihd

6yoyoihd7#

我遇到了同样的问题。当hoverbutton上时,手光标不显示,而是看到鼠标指针。通过使用以下方法修复了它。
第1次固定:

<input type="button" id="myBtn" class="btn btn-primary" value="Hello">

第2次固定:

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

相关问题