Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在CSS的边距区域中保持光标不变_Html_Css_Cursor_Margin - Fatal编程技术网

Html 如何在CSS的边距区域中保持光标不变

Html 如何在CSS的边距区域中保持光标不变,html,css,cursor,margin,Html,Css,Cursor,Margin,我有一个div,宽度为160px,高度为80px。由于某些原因,div有一个左边距=540px。另外,在CSS中,我设置了光标:指针 问题是,当我将光标移动到div的左侧,即边距区域时,鼠标会变为指针 当我将光标移动到边距区域时,如何使光标保持不变,而仅当我在div上移动光标时,光标才发生变化 我需要使用margin,因为使用position会导致一些结构错误。可以使用嵌套div吗? 将填充应用于外部div以模拟边距,然后将光标设置应用于内部div 编辑: 下面是一个示例:您可以通过css实现这

我有一个div,宽度为160px,高度为80px。由于某些原因,div有一个
左边距=540px
。另外,在CSS中,我设置了
光标:指针

问题是,当我将光标移动到div的左侧,即边距区域时,鼠标会变为指针

当我将光标移动到边距区域时,如何使光标保持不变,而仅当我在div上移动光标时,光标才发生变化

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

可以使用嵌套div吗? 将填充应用于外部div以模拟边距,然后将光标设置应用于内部div

编辑
下面是一个示例:

您可以通过css
实现这一点:在
元素之后,如下所示:

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;
}

我也有同样的问题,我找到了解决办法。 我在css中写了这样的东西:

body {cursor:url('adress to your .cur file'), default;}
使用此代码时,当光标位于边距区域上时,光标恰好是默认值。 我所做的是更改光标代码的位置,将其从BODY direct更改为HTML,如下所示:

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

现在效果很好。

您的意思是当光标位于
的边距区域上时,光标状态为
光标:默认值吗?当光标悬停在
的边距区域上时。您可以使用填充代替边距吗?@Nightfirecat;你说不出OP想要什么。可能是因为设计要求或其他原因,他想把鼠标悬停在边缘区域。