放大光标不起作用答案

【问题标题】：zoom in cursor not working放大光标不起作用
【发布时间】：2014-10-09 00:21:19
【问题描述】：

我正在尝试将光标放大到表格中，但不知何故不起作用。

<div style="height: 280px;overflow: auto" >
<table class="gridHover  ">

    <tbody  style = "cursor: zoom-in" >
        <tr  >
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
        </tr>
        <tr >
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
        </tr>
        <tr >
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
        </tr>
    </tbody>
</table>

我认为是因为那个 gridHover 类。有人可以告诉如何使用放大光标。我想让它在 IE、chrome 和 FF 上运行。这里是fiddle

【问题讨论】：

你试过添加 -webkit-zoom-in 和 -moz-zoom-in 吗？

标签： html css

【解决方案1】：

放大光标仍然是特定于 mozilla 和 webkit 的浏览器：

cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;

可能会在 IE 上尝试相同的方法，但这些是我所知道的

如MDN 所见，缺乏对 IE 的浏览器支持。

Mozilla 和 Webkit 有前缀
Opera 没有前缀

另外，这是尝试修复它的另一种方法：image cursor（顺便说一句，这是完全相同的问题）

【讨论】：

对于 IE，它是 not supported
@Vucko 感谢您的参考 :-) 我将其添加到答案中！
我已为您投票，但必须接受圣殿骑士的回答，因为他首先回答。对不起，如果这听起来很粗鲁。
不粗鲁，只是对于搜索相同问题的人来说不是很有用。我不介意我错过的 5 点，无论如何都不能从这些点购买法拉利 ;-)

【解决方案2】：

这里是固定的JSFiddle

这是新代码：

<div style="height: 280px;overflow: auto">
<table class="gridHover">

    <tbody style="cursor: -webkit-zoom-in; cursor: -moz-zoom-in;">
        <tr>
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
        </tr>
        <tr >
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
        </tr>
        <tr>
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
            <td>FFF</td>
        </tr>
    </tbody>
</table>

【讨论】：

@Happy 那是因为 IE 不支持它。检查我的答案
我想要一辆法拉利，但这也不会很快发生。
@Happy IE 不支持。您需要等到它支持大部分 css3。
@DoXicK 我不希望你能得到法拉利。您还应该提到其他一些替代方案。无论如何感谢您的回答
@Happy 我刚刚用另一种方法更新了我的答案。这不是一个很好的选择，但它可以解决您的问题。

【解决方案3】：

我不确定，但我认为它在 chrome 中坏了。

测试一下：

w3schools

它也不起作用......

【讨论】：

仅供参考：w3school 是用作参考的最糟糕的网站之一（正如您刚刚发现的 ;-)）
这是关于光标属性的，示例只是使用标准光标属性，没有浏览器特定的属性。