问答详情
源自:3-23 按钮状态——禁用状态

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

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

提问者:慕工程7806118 2014-12-18 11:06

个回答

  • 六道木
    2018-08-22 15:11:46

    下面这样设置就可以了:

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

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

  • Joepeng
    2018-03-06 15:03:32

    <style>

        .printer_none {

                pointer-events: none;

            }

            .cursor_none {

                cursor: not-allowed;

            }

    </style>


    <div class="printer_none ">

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

    </div>


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

  • Luyoyo
    2017-03-22 10:45:47

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

  • di7xian
    2017-02-15 15:47:06

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

  • php土豆
    2017-01-23 17:56:18

    123

  • Linpt
    2016-10-08 15:42:50

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

  • zxhy
    2016-08-19 08:02:39

    http://www.w3chtml.com/css3/properties/user-interface/cursor.html

    试试看,有的

  • 凌摩绛潇
    2016-07-16 00:33:06

    cursor:no-drop|not-allowed

  • 凌摩绛潇
    2016-07-16 00:21:46

    cursor:@cursor-disabled;

    buttons.less

    @cursor-disabled:not-allowed

    variables.less

  • 念花生
    2016-05-17 15:01:13

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

  • 野猫1
    2015-11-24 12:49:15

    隔了一年了,我也遇到这个问题了,楼主你找到答案了吗?

  • purple_yao
    2014-12-26 16:38:30

    是的,这是bootstrap的默认样式。