Firefox 移动版元素无法通过键盘输入时如何排查 -moz-user-input 属性
Firefox 移动版网页元素无法通过键盘操作时，应检查 -moz-user-input 属性是否被设置为 none。
检查元素是否被禁止输入
Firefox 移动版网页元素无法通过键盘操作时，首先需要确认该元素是否被设置了禁止输入的属性。MDN 文档指出，在 Mozilla 应用中，-moz-user-input 属性用于确定元素是否接受用户输入。如果该属性被设置为 none，元素将不会响应用户输入，并且不会变为 :active 状态。这意味着即使用户点击或聚焦该元素，也无法通过键盘进行操作。
排查时，可以在浏览器开发者工具中选中该元素，查看其计算样式（Computed style）中 -moz-user-input 的值。如果该值为 none，则说明该元素被禁止了输入行为。这是导致无法通过键盘操作最常见的原因之一。
确认属性设置与浏览器版本限制
除了检查属性值，还需要确认该属性在当前浏览器版本中的实际作用。MDN 文档提到，自 Firefox 60 起，该属性不能再赋予元素接受输入的能力，如果元素原本不接受输入。它现在只能用于禁用用户输入。这意味着如果元素本身是可输入的（如 textarea），设置 -moz-user-input: none 会使其无法输入，但设置 auto 不会恢复其输入能力。
因此，在排查时不仅要看属性值，还要结合元素的原生类型。对于原本不可输入的元素，设置 -moz-user-input: auto 是无效的，因为该属性已不再支持赋予输入能力。这可能导致开发者误以为设置了属性后元素仍无法操作，从而产生困惑。
验证属性是否生效
为了验证 -moz-user-input 属性是否生效，可以使用浏览器开发者工具的样式面板。选中目标元素，在样式面板中查找 -moz-user-input 属性。如果该属性存在且值为 none，则说明该元素已被禁止输入。此时，尝试使用键盘焦点切换到该元素，观察其是否变为 :active 状态，或者尝试输入内容，确认是否被阻止。
如果样式面板中未显示该属性，或者显示为 auto，但元素仍然无法通过键盘操作，则需要进一步检查其他因素。例如，检查元素是否被设置了 pointer-events: none，或者是否被其他 CSS 属性（如 -moz-user-focus）影响。但根据资料，-moz-user-input: none 是直接导致无法操作的主要原因。
使用标准属性替代非标准属性
由于 -moz-user-input 是非标准属性，MDN 文档建议不要在新项目中使用。如果排查发现该属性导致了问题，建议移除该属性，并使用标准属性替代。虽然资料未列出具体的标准替代方案，但开发者应避免依赖非标准属性，以确保跨浏览器兼容性和代码的可维护性。
在移除该属性后，重新测试元素是否可以通过键盘操作。如果问题解决，说明确实是该非标准属性导致的。如果问题依旧，则需要继续排查其他 CSS 属性或 JavaScript 事件监听器。总之，优先使用标准属性，避免使用非标准属性，以减少兼容性问题。
资料与延伸阅读
你可以通过以下原始资料核对文中概念，并继续深入阅读。