AI智能
改变未来

css鼠标禁用

#1.鼠标的悬浮样式:

cursor

div:hover{cursor:not-allowed;/* 光标是一个红色的圈加一个斜杠)*/}

1、

default

默认光标(通常是一个箭头)
2、

auto

默认。浏览器设置的光标。
3、

crosshair

光标呈现为十字线。
4、

pointer

光标呈现为指示链接的指针(-只手)
5、

move

此光标指示某对象可被移动。
6、

e-resize

此光标指示矩形框的边缘可被向右(东)移动。
7、

ne-resize

此光标指示矩形框的边缘可被向 上及向右移动(北东)。
8、

nw-resize

此光标指示矩形框的边缘可被向 上及向左移动(北西)。
9、

n-resize

此光标指示矩形框的边缘可被向上(北)移动。
10、

se-resize

此光标指示矩形框的边缘可被向 下及向右移动(南东)。
11、

sw-resize

此光标指示矩形框的边缘可被向 下及向左移动(南西)。
12、

s-resize

此光标指示矩形框的边缘可被向下移动(北西)。
13、

w-resize

此光标指示矩形框的边缘可被向左移动(西)。
14、

text

此光标指示文本。
15、

wait

此光标指示程序正忙(通常是一只表或沙漏)。
16、

help

此光标指示可用的帮助(通常是一个问号或-个气球)。

禁用样式:
17、

not-allowed

此光标指示禁止(通常是一个红色的圈加一个斜杠)。
18、

no-drop

此光标指示禁止(通常是一个红色的圈加一个斜杠,同17条)。

#2.阻止click点击事件
####css禁用鼠标点击事件

pointer-events:none;

注:使用禁止触发事件时,鼠标样式会失效,变成箭头,即

cursor:not-allowed; pointer-events:none;

不可同时使用

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » css鼠标禁用