html - Ie11 数据切换未禁用

Question

所以我有一个有趣的错误，我的大脑无法理解。

在我正在开发的应用程序中，有几个可以禁用的引导切换按钮。然而，在 internet exploder 中似乎没有遵守 disabled="disabled"属性。

红色的 x 出现在按钮上，它是灰色的，但是当点击它时它仍然改变状态。

一个jsbin中的代码示例 https://jsbin.com/koqapejome/1/edit?html,css,output

我的 html 按钮看起来像这样。请注意，我正在利用 bootstrap 3 的数据切换

<div class="btn-group toggle" data-toggle="buttons-radio">
  <button disabled="disabled" type="button" data-label="Something here" data-type="CHECKBOX" data-name="name" name="name" id="form_154_emailList" class="btn yes active">Yes</button>
  <button disabled="disabled" type="button" class="btn no">No</button>
</div>

是否有残疾人在 ie 中不能完全工作的原因？这是一个已知的问题？我只能找到关于将其切换为 disabled="true"的含糊不清的帖子，这也不起作用。

通过测试，我可以看到单击时添加了一个“事件”类，但是当尝试添加单击处理程序以禁用单击时，单击时无法识别它。所以它似乎是其他添加的东西......但我无法弄清楚是什么。

有谁知道这可能是什么原因造成的？是忽略禁用的引导点击吗？

Answer 1

您可以使用此代码在所有浏览器中不触发:

.toggle{
   cursor:no-drop
}

.btn:disabled{
   pointer-events:none;
}