1. 程式人生 > 實用技巧 >CSS 滑鼠樣式

CSS 滑鼠樣式

設定滑鼠指標放在一個元素邊界範圍內時所用的游標形狀,需要對元素的css屬性cursor進行設定。cursor屬性可能的值:

  • default預設游標(通常是一個箭頭)

  • auto預設。瀏覽器設定的(user agent stylesheet)游標。

  • crosshair游標呈現為十字。

  • pointer游標呈現為指示連結的指標(一隻小手)

  • move此游標指示某物件可被移動(帶箭頭的十字)。

  • e-resize此游標指示矩形框的邊緣可被向右(東)移動。

  • ne-resize此游標指示矩形框的邊緣可被向上及向右移動(北/東)。

  • nw-resize此游標指示矩形框的邊緣可被向上及向左移動(北/西)。

  • n-resize此游標指示矩形框的邊緣可被向上(北)移動。

  • se-resize此游標指示矩形框的邊緣可被向下及向右移動(南/東)。

  • sw-resize此游標指示矩形框的邊緣可被向下及向左移動(南/西)。

  • s-resize此游標指示矩形框的邊緣可被向下移動(南)。

  • w-resize此游標指示矩形框的邊緣可被向左移動(西)。

  • text此游標指示文字。

  • wait此游標指示程式正忙(通常是一隻表或沙漏,或者一個圈在那轉)。

  • help此游標指示可用的幫助(通常是一個問號或一個氣球)。

廣州vi設計http://www.maiqicn.com 辦公資源網站大全https://www.wode007.com

要實現滑鼠移上去顯示手形、需要在你的提交按鈕上增加csscursor屬性,並將它的值設定為pointer;

<input type="button" value="確定" style="cursor:pointer;" />