Question

我有width=160px，height=80px的div。由于某种原因，div有一个margin-left=540px。另外，在CSS中，我设置了cursor:pointer。

问题是，当我将光标移动到div的左边，边距区域，鼠标变为指针。

当我将光标移动到边缘区域时，如何让光标不变，只有当我在div上移动光标时才能改变光标？

我需要使用margin，因为使用position会导致一些结构错误。

Answer 1

您可以使用css :after pseudo这样的元素实现此目的：

div{
    width:100px;
    height:100px;
    background:red;
    margin-left:100px;
    cursor:pointer;
    position:relative;
}
div:after{
    content:'';
    position:absolute;
    height:100%;
    top:0;
    left:-100px;
    width:100px;
}

http://jsfiddle.net/EwLVu/

Answer 2

你能使用嵌套的div吗？将填充应用于外部div以模拟边距，然后将光标设置应用于内部div。

修改：这是一个例子：http://jsfiddle.net/d2MvF/

Answer 3

我有同样的问题，我找到了解决方案。我在我的CSS中写过像thaht：

body {cursor:url('adress to your .cur file'), default;}

当我的光标位于边距区域时，使用此代码，光标碰巧是默认的。我所做的是更改游标代码的位置，我将它从BODY直接更改为HTML，这里是：

html {cursor:url('adress to your .cur file'), default;}

现在效果很好。

如何在CSS的边缘区域中使光标不变

3 个答案:

http://jsfiddle.net/EwLVu/