自动光标未在Gecko中应用

Question

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

描述

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

测试用例

重现步骤

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

1. 访问GXT 2.2.x examples showcase。
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错误跟踪器中的reported bug。

可以通过在Gecko浏览器上运行this simple test case来复制它（在WebKit上运行以供参考）。

作为一种变通方法，可以确保层次结构中的所有元素都分配tabindex值-1，或者完全删除它们，从而避免输入this block，从而转换与游标相关的CSS规则回归正常行为。