css - 在 div 内选择/拖动时更改光标？

Question

这是示例：jsFiddle

当您在 div 内拖动时，光标应成为十字准线。如果我更改div为canvas.

来源：

<div id="draw" />

#draw { 
    cursor: pointer;
    border:1px solid black;
    width:200px;
    height:200px;
}

#draw:active { 
    cursor: crosshair;
}

为什么它不适用于div？

Answer 1

这是因为当您在<div>元素内拖动时，浏览器会尝试选择内容。您可以在您的部门使用 CSS3user-select属性：

#draw { 
    cursor: pointer;
    border:1px solid black;
    width:200px;
    height:200px;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#draw:active { 
    cursor: crosshair;
}

JSFiddle 演示