光标移动出现

Question

您好我可以帮助我解决这个问题，在我的代码中没有任何可以使光标移动的内容：移动，但是当我转到页面时出现拖动光标，当我查看时它出现在里面的元素，例如<p style="cursor:move"> </p>，但代码中的这种样式不是任何人都可以帮我取消这个。 谢谢

Answer 1

由于您的<p>标记为空，因此没有height（或鼠标没有悬停的内容区域）。添加一些高度以获得一些空间显示光标。我添加了一个带有<p>边框的代码段，以显示内容空间不在那里显示光标。

p {border: 1px solid #ccc;}

<p style="cursor: pointer;"></p>

<强>解决方案

1. 使用 。
2. 使用height或padding。

在下面的代码段中演示了以上三种技术。

p {border: 1px solid #ccc;}

<p style="cursor: pointer;">&nbsp;</p>
<p style="cursor: pointer; height: 10px;"></p>
<p style="cursor: pointer; padding: 10px;"></p>