Question

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

<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

Answer 1

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

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

可能会对IE尝试相同，但这些是我所知道的

可以在MDN阅读，缺少浏览器对IE的支持。

Mozilla和Webkit是前缀
Opera没有前缀

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

Answer 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>

Answer 3

我不确定，但我认为它已经破了铬。

测试它：

w3schools

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

放大光标不起作用

3 个答案: