1.鼠標的懸浮樣式：cursor

 div:hover{
      cursor:not-allowed;
      /* 光標是一個紅色的圈加一個斜杠）*/
    }

1、default 默認光標(通常是一個箭頭)
2、auto默認。瀏覽器設置的光標。
3、crosshair 光標呈現(xiàn)為十字線。
4、pointer 光標呈現(xiàn)為指示鏈接的指針(-只手)
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;

注：使用禁止觸發(fā)事件時，鼠標樣式會失效，變成箭頭，即cursor:not-allowed; pointer-events:none;不可同時使用