Firefox 60 以后 -moz-user-input 属性为何只能禁用输入
Firefox 60 版本更新后，-moz-user-input 属性不再具备启用输入的能力，仅能用于禁用输入。
确认属性当前仅支持禁用输入
在 Firefox 60 及更高版本中，-moz-user-input 属性的行为发生了变化。根据资料，该属性不再能够赋予原本不支持输入的元素接受用户输入的能力。这意味着如果元素本身是图片或 div，即使设置了该属性，也无法使其变为可输入状态。该属性现在的功能仅限于禁用用户输入，而不能启用输入。因此，在排查问题时，应首先确认目标浏览器版本是否高于 60，并理解该属性在当前版本下只能禁用输入，不能启用输入。
资料明确指出，在 Mozilla 应用程序中，-moz-user-input 用于确定元素是否接受用户输入。然而，自 Firefox 60 起，该属性只能用于禁用输入，而不能用于启用输入。这一限制意味着开发者不能依赖该属性来强制让非输入元素（如 div）变为可输入状态。在排查无法输入的问题时，必须考虑这一版本限制，避免将属性无法启用输入作为排查方向，而应专注于如何正确禁用输入或使用标准属性替代。
验证属性是否被正确设置为 none
如果需要禁用元素的输入功能，应将 -moz-user-input 属性设置为 none。根据资料，当该属性被设置为 none 时，元素不会响应用户输入，并且不会变为 :active 状态。这意味着即使用户点击或聚焦该元素，也无法触发输入行为。在验证时，可以通过浏览器开发者工具检查元素的 computed style 中该属性的值是否为 none。如果值为 none，则说明属性设置已生效，元素已被禁用输入。如果值为 auto 或未设置，但元素仍无法操作，则需要进一步检查其他可能影响输入的因素，如元素的类型或标准属性。
在验证属性设置是否生效时，应关注元素的状态变化。资料提到，当 user-input 为 none 时，元素不会变为 :active 状态。因此，可以通过检查元素在点击或聚焦时的 :active 伪类样式是否生效，来判断属性是否正确应用。如果元素在操作时没有 :active 样式变化，且无法触发输入，则可确认 -moz-user-input: none 是导致问题的原因。如果元素在操作时有 :active 样式变化，但无法触发输入，则可能需要检查其他属性或事件。
排查非标准属性带来的兼容性风险
由于 -moz-user-input 是非标准属性，不建议在生产环境中使用，因为它可能被移除且浏览器支持有限。资料指出，该属性目前不在标准轨道上，且在 Firefox 60 之后只能用于禁用输入。在排查问题时，应优先考虑使用标准属性或替代方案。例如，对于输入框元素，可以使用 readonly 属性来禁用输入，同时保持元素的可聚焦性。对于非输入元素，应考虑使用其他标准属性或 HTML 结构来实现所需效果，以避免依赖非标准属性带来的兼容性问题。
在移动端开发中，应避免依赖该属性来实现复杂的输入逻辑，以免在不同浏览器中出现兼容性问题。资料提到，该属性在 Firefox 60 之后只能用于禁用输入，而不能用于启用输入。因此，在排查问题时，应确认所使用的属性是否为非标准特性，并评估其在目标浏览器中的支持情况。如果必须使用该属性，应确保目标浏览器支持该属性，并了解其限制。对于需要跨浏览器兼容的场景，应优先选择标准属性或替代方案。
使用标准属性替代非标准属性
如果必须禁用输入，应优先考虑使用标准属性。例如，对于输入框元素，可以使用 readonly 属性来禁用输入，同时保持元素的可聚焦性。对于非输入元素，应考虑使用其他标准属性或 HTML 结构来实现所需效果。资料指出，-moz-user-input 是非标准属性，不建议在生产环境中使用。因此，在排查问题时，应优先考虑使用标准属性或替代方案。例如，对于输入框元素，可以使用 readonly 属性来禁用输入，同时保持元素的可聚焦性。如果必须使用非标准属性，应确保目标浏览器支持该属性，并了解其限制。
在移动端开发中，应避免依赖该属性来实现复杂的输入逻辑，以免在不同浏览器中出现兼容性问题。资料提到，该属性在 Firefox 60 之后只能用于禁用输入，而不能用于启用输入。因此，在排查问题时，应确认所使用的属性是否为非标准特性，并评估其在目标浏览器中的支持情况。如果必须使用该属性，应确保目标浏览器支持该属性，并了解其限制。对于需要跨浏览器兼容的场景，应优先选择标准属性或替代方案。
资料与延伸阅读
你可以通过以下原始资料核对文中概念，并继续深入阅读。