Question

我不知道为什么，但我不能body{cursor:*any cursor*}。也许JS Fiddle不支持，但它确实支持任何元素，所以我可能错了。

我不想使用覆盖背景的<div>来改变它，我只是想要它以便当我将鼠标拖到身体上时我可以停止鼠标更改为抓取/文本光标

Answer 1

cursor属性也适用于body，但默认情况下body只包装你的元素，因此它只会在body中显示光标。由于您在正文中添加了一个元素，因此定义的光标将显示在第一行。

Answer 2

我认为您遇到的问题主要是因为身体包裹着其内容的大小你的CSS似乎没问题。

尝试将以下内容添加到CSS中

html,body{
            width:100%;
            height:100%;
            padding:0 0 0 0;
            margin: 0 0 0 0;
        }

完整解决方案

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        html,body{
            width:100%;
            height:100%;
            padding:0 0 0 0;
            margin: 0 0 0 0;
        }
        body{
            cursor:copy;                
        }

    </style>
</head>
<body>
    Some Content
</body>
</html>

请注意，您悬停在其上的超链接或任何其他块可能会覆盖此项，因此，如果这不是所需的效果，请使用

替换相关块

body{
     cursor:copy !important;            
    }

Answer 3

好吧，要么改用html：

height: 100%

on JSFiddle

或在html和body上设置html, body { height: 100%; } body { cursor:wait }：

dotnet run

on JSFiddle

Answer 4

cursor元素不直接支持body属性，因为它只包含页面内容。而是选择html元素，它应该按预期工作。

html{cursor:wait}

https://jsfiddle.net/5unnxjLa/1/

编辑：如果将主体的宽度设置为100％并将所有内容设置为50％，则光标将仅切换到“等待”主体元素本身的可见部分。

CSS正文光标或拖动光标

4 个答案: