属性和类名问题！求教大神-慕课网

首页课程实战体系课手记专栏慕课教程

属性和类名问题！求教大神

来源：3-23 按钮状态——禁用状态

Richard_Li

2017-12-24 12:05

为什么我的a元素使用了类名“.disabled”不能进行跳转，使用了“disabled”属性反而可以进行跳转。。。求教大神们,代码如下

<!doctype html>

<html>

<head>

</head>

<body>

<button class="btn btn-primary btn-lg btn-block" type="button" disabled="disabled">通过disabled属性禁用按钮</button>

<button class="btn btn-primary btn-block disabled" type="button">通过添加类名disabled禁用按钮</button>

<button class="btn btn-primary btn-sm btn-block" type="button">未禁用的按钮</button>

<a href="https://www.baidu.com" target="_blank" class="btn btn-default btn-block" disabled>a标签按钮</a>

</body>

</html>

写回答关注

4回答

慕移动9181930

2022-03-23 23:02:50

我发现我用的是html5的开头部分，就是图中显示的这样，换成html其他版本就正常显示了，不知道这是为什么？注释是写程序良好的习惯哦 ~

0 0
Richard_Li

2017-12-24 12:11:43

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>按钮状态——禁用状态</title>

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<button class="btn btn-primary btn-lg btn-block" type="button" disabled="disabled">通过disabled属性禁用按钮</button>
<button class="btn btn-primary btn-block disabled" type="button">通过添加类名disabled禁用按钮</button>
<button class="btn btn-primary btn-sm btn-block" type="button">未禁用的按钮</button>
<a href="https://www.baidu.com" target="_blank" class="btn btn-default btn-block" disabled>a标签属性禁用按钮</a>
<a href="https://www.baidu.com" target="_blank" class="btn btn-default btn-block disabled">a标签类名禁用按钮</a>
</body>
</html>

0 0
Richard_Li

2017-12-24 12:11:04

我都有点乱了。。类名是添加“.disabled”没错的，不能跳转，但是区别那里说是不会阻止默认行为，反而disabled属性是可以阻止默认行为的，我现在是反过来了，属性不阻止默认行为，类名阻止默认行为了

0 0
Richard_Li

2017-12-24 12:07:49

之前测试的时候类名打成了.disabled，改成disable 可以跳转，但是属性disabled也还是可以跳转，都没有禁止到

0 0

玩转Bootstrap（基础）

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题

类名和属性都可禁止按钮的默认行为？代码应该没问题

回答 4

求助，大神

回答 1

disabled添加到类名和属性中都可以禁止默认行为呢？

回答 1

为何我发现类名和属性都可以禁止按钮的默认行为？

回答 3

input类名问题

回答 1

打开慕课网App查看更多内容