Question

Fiddle在这里。从下面给出的结构中的html元素开始，出于某种奇怪的原因，safari无法启用所有输入元素。它只启用第一个。可能是一些错误？

<fieldset disabled><div>

    <div><fieldset disabled>
        <input type="text" disabled>
    </fieldset></div>

    <div><fieldset disabled>
        <input type="text" disabled>
    </fieldset></div>

</div></fieldset>

Javascript：

$('fieldset').prop('disabled',false);
$("input").prop('disabled',false);

Answer 1

要使Safari正确启用所有输入，您应该从内而外启用所有字段集，因此，嵌套字段应首先启用：

const fieldsets = document.getElementsByTagName('fieldset');
Array.from(fieldsets).reverse().forEach(fieldset => fieldset.disabled = false);

Complete codepen和一些额外的用例集。

这已在Safari 13.0上进行了测试。这绝对是一个错误，我将向苹果报告。

无法在safari中启用html输入字段

1 个答案: