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