在不同的浏览器中处理不受支持的游标

时间:2012-04-26 06:28:13

标签: html css css3

我想在表格单元格的悬停上将光标更改为单元格(粗加号)

我用过

tr:hover td {
    cursor: cell;
}

看起来它在chrome中不起作用,但在firefox中有效。

游标列表 http://www.css3.com/css-cursor/http://www.sitepoint.com/css3-cursor-styles/#fbid=2MQ0iRM9or2 说它支持chrome。

一个工作aroud可以为光标创建一个图像。

我正在寻找其他更好的解决方法/

或管理不同浏览器游标的最佳做法。

1 个答案:

答案 0 :(得分:0)

在Firefox中,单元格光标似乎默认为十字线。我只需设置光标并将其留给浏览器,然后决定如何处理它。换句话说,保留你拥有的CSS,只要你想要的光标是规范中的标准,它就会慢慢被采用并且具有一定程度的优雅降级。

您的另一个选择是使用JavaScript。如果你喜欢jQuery,似乎有一些插件会用图像做到这一点。

这是我挖出的一个看似简单的东西:

http://jquery.kidsil.net/examples/customcursor/example.html

祝你好运!