CSS小手是前端開發(fā)中經(jīng)常用到的一種樣式,它可以讓鼠標(biāo)的光標(biāo)變成手指的形狀,更加符合用戶的直覺操作。下面是一些常見的CSS小手樣式。
/*默認(rèn)小手樣式*/ cursor: pointer; /*鏈接小手樣式*/ a { cursor: pointer; } /*按鈕小手樣式*/ button { cursor: pointer; } /*禁用按鈕樣式*/ button:disabled { cursor: not-allowed; } /*拖拽小手樣式*/ drag { cursor: move; } /*選擇小手樣式*/ select { cursor: pointer; } /*表單小手樣式*/ input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; } /*拖拽元素樣式*/ .draggable { cursor: move; } /*拖拽放置區(qū)域樣式*/ .drop-zone { cursor: pointer; }
以上是常見的CSS小手樣式,根據(jù)具體的使用場景可以進(jìn)行調(diào)整。通過設(shè)置不同的cursor屬性值,可以實(shí)現(xiàn)更多樣式的小手效果。