css - Gecko 中未应用自动光标

Question

这似乎是一个渲染引擎的怪癖，因为它已经过测试并且无法在 WebKit 驱动的浏览器（Windows 的 Chrome 和 Safari）上重现。

描述

当使用深度嵌套的 DOM 结构时，例如 GXT Grid，default光标似乎会覆盖任何其他应用的样式。如何覆盖（或回避）这种行为？

测试用例

重现步骤

（需要您喜欢浏览器的开发工具的基本知识）

1. 访问GXT 2.2.x 示例展示。
2. 右键单击网格中的单元格文本值，然后单击Inspect Element，或单击F12以打开开发人员工具，然后手动检查该元素。您应该检查一个标记为： 的元素div.x-grid3-cell-inner.x-grid3-col-name。
3. 在样式视图中，查找与以下选择器匹配的规则：.x-grid3-row，它应该有一个声明的属性cursor。将其值从 更改default为auto。

预期结果

光标应根据元素的类型呈现，例如文本内容元素的文本光标。

实际结果

在基于 Gecko 的浏览器上，无论元素的类型如何，都会出现默认光标。

Answer 1

这是一个已知问题，由声明tabindex属性的值等于或大于的祖先元素引起0，并且是Mozilla 错误跟踪器中报告的错误。

它可以通过在 Gecko 浏览器上运行这个简单的测试用例来重现（在 WebKit 上运行以供参考）。

作为一种解决方法，可以确保为层次结构中的所有元素分配一个tabindex值-1，或者完全删除它们，从而避免进入这个块，将光标相关的 CSS 规则恢复到它们的正常行为。