                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

禁用状态按钮的鼠标指针形状？

源码中：

cursor: not-allowed;

为什么没起作用？

di7xian

2017-02-12

源自：玩转Bootstrap（基础） 3-23

关注问题我要回答

7081

操作

收起

5 回答

web_東
2018-07-18

自己搭建的开发环境是可以改变图标的（当鼠标滑过按钮，禁用图标变成那个红色小圆圈。)

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

慕丝1033313
2017-07-03

好像在慕课网的在线编辑器这里没有显示，但是我用Hbuilder是可以的

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

JoKer49
2017-04-17

因为设置了 pointer-events:none; 把所有事件全部禁掉了，包括hover click等所以cursor 也没有了

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

杨彧
2017-02-12

试试这个：

<button style="cursor:not-allowed;" class="btn-sm btn-block " type="button" disabled>reset</button>

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

#1

di7xian 提问者

我问的问题是“为什么源码中的CSS样式没有生效？” 你回答的问题是“怎样实现鼠标移动到按钮上，指针图标变化？”

2017-02-15 回复有任何疑惑可以回复我~

杨彧
2017-02-12

方法1：在标签中添加disabled属性

方法2：在元素标签中添加类名“disabled”

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

#1

di7xian 提问者

我的意思是，在按钮元素上采用了你讲的方法1或方法2以后，当鼠标移到该按钮上时，鼠标图标没有变化。按照源码cursor: not-allowed;鼠标图标应该会变成红色的圆圈中间斜杠的样式。

2017-02-12 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314546 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

1 回答按钮禁用状态

2 回答按钮状态---焦点状态

2 回答表单控件状态(禁用状态)问题

1 回答禁用按钮有哪些方式

1 回答bootstrap 焦点状态

搜索更多本课相关问答

禁用状态按钮的鼠标指针形状？

我要回答关注问题

意见反馈帮助中心 APP下载