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

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

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

为什么我的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>

提问者：Richard_Li 2017-12-24 12:05

个回答

慕移动9181930

2022-03-23 23:02:50

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

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
Richard_Li

2017-12-24 12:11:04

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

0
Richard_Li

2017-12-24 12:07:49

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

0