字段集并禁用所有子输入-解决IE [英] Fieldset and disabling all child inputs - Work around for IE

问题描述

我有一个字段集，下面有一个ui视图.
每个视图下都有很多字段(字段是包装输入的指令).

I have a fieldset that has a ui-view under it.
Each view had lots of fields(a field is a directive that wraps an input) under it.

它看起来像这样:

<fieldset ng-disabled='myCondition'>
   <div ui-view></div> // this changes with lot's of fields that look like <div field='text-box'></div>
</fieldset>

现在，这很好用，在所有浏览器除IE 上，这些字段都被禁用.
我已经完成了一些google的工作，发现不支持fieldset + disabled，我正在寻找一种快速的解决方法.

Now, this worked great, the fields get disabled on all browsers except IE.
I've done some google and seen that ie doesn't support fieldset + disabled and I'm looking for a quick workaround.

我尝试了一些接近但不完美的事情，并且我认为我不是第一个需要解决方案的人(即使我没有在Google上找到任何东西).

I've tried some things that were close but not perfect and I assume I'm not the first one that needs a solution(even though I didn't find anything on google).

推荐答案

现在有1行解决方案.

It has 1 line solution now.

.

在

Though status is fixed in Microsoft documentation Issue still not resolved!

但是，现在我们也可以使用pointer-events: none;.它将禁用所有输入元素

But, Now we can also use pointer-events: none;. It will disable all input elements

fieldset[disabled] {
    pointer-events: none;
}

这篇关于字段集并禁用所有子输入-解决IE的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！