为了账号安全,请及时绑定邮箱和手机立即绑定

为什么鼠标放上去没有cursor: not-allowed;禁用样式,虽然不能点击了 但鼠标还是箭头

为什么鼠标放上去没有cursor: not-allowed;禁用样式,虽然不能点击了  但鼠标还是箭头

正在回答

12 回答

下面这样设置就可以了:

pointer-events: auto!important;
cursor: not-allowed!important;

我试过了是可行的,各位可以试试。

0 回复 有任何疑惑可以回复我~

<style>

    .printer_none {

            pointer-events: none;

        }

        .cursor_none {

            cursor: not-allowed;

        }

</style>


<div class="printer_none ">

<input type="text" class="cursor_none " />

</div>


这样就能将两个属性同时应用上了。

1 回复 有任何疑惑可以回复我~
#1

weixin_慕仙6466035

这个答案是正确的需要把两个css分开写, 自己封的disabled组件 .text-button-box { .disabled { color: #c5c8ce; pointer-events: none !important; } cursor: not-allowed !important; }
2024-01-18 回复 有任何疑惑可以回复我~

因为设置了 pointer-events:none;  把所有点击事件全部禁掉了,所有cursor 也没有了

1 回复 有任何疑惑可以回复我~

遇到了同样的问题,提问了也没人回答。请问楼主搞懂了没?

0 回复 有任何疑惑可以回复我~
#1

慕粉0724423299

pointer-events:none;给注释掉就好了
2017-04-27 回复 有任何疑惑可以回复我~
#2

qq_再见已枉然_0

没办法的.pointer-events:none;取消掉了cursor属性,设置什么都没用
2017-05-25 回复 有任何疑惑可以回复我~

123

0 回复 有任何疑惑可以回复我~

是由于设置了 pointer-events:none;所致。。。

1 回复 有任何疑惑可以回复我~

cursor:no-drop|not-allowed

0 回复 有任何疑惑可以回复我~

cursor:@cursor-disabled;

buttons.less

@cursor-disabled:not-allowed

variables.less

0 回复 有任何疑惑可以回复我~

= =?我好像没有看到样式表有 cursor:not allowed

0 回复 有任何疑惑可以回复我~
首页上一页12下一页尾页

举报

0/150
提交
取消

为什么鼠标放上去没有cursor: not-allowed;禁用样式,虽然不能点击了 但鼠标还是箭头

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信