css - 自动光标不适用于 Gecko

Question

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

描述

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

测试用例

重现步骤

(需要对您喜欢的浏览器的开发者工具有基本的了解)

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

预期结果

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

实际结果

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

Answer 1

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

它可以通过运行 this simple test case 重现在 Gecko 浏览器上(在 WebKit 上运行以供引用)。

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