css - 将用户的光标隐藏在 iframe 上。可能的？

Question

我希望用户的光标隐藏在 iframe 上。

iframe {
  cursor: none;
}

然而，它并没有起到作用。

我需要使用 JavaScript 吗？ JavaScript 甚至可以做到吗？解决方案是什么？

Answer 1

你也可以不使用 JavaScript。
示例:http://jsfiddle.net/dyV7L/

.wrapper {
    position: relative;
}

.hide-cursor {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    cursor: none;
    z-index: 100;
}

<div class="wrapper">
  <iframe src="http://doc.jsfiddle.net/"></iframe>
  <div class="hide-cursor"></div>
</div>