用css很容易實現,添加壹個樣式cursor: text;,代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style>
div{
?cursor: text; ?background: #eeeeee; ?width: 400px; ?height: 200px;}
</style>
</head>
<body>
<div>
Hello World!
</div>
</body>
</html>
效果如下:
cursor樣式說明:
url 需使用的自定義光標的 URL。註釋:請在此列表的末端始終定義壹種普通的光標,以防沒有由 URL 定義的可用光標。
default 默認光標(通常是壹個箭頭)
auto 默認。瀏覽器設置的光標。
crosshair 光標呈現為十字線。
pointer 光標呈現為指示鏈接的指針(壹只手)
move 此光標指示某對象可被移動。
e-resize 此光標指示矩形框的邊緣可被向右(東)移動。
ne-resize 此光標指示矩形框的邊緣可被向上及向右移動(北/東)。
nw-resize 此光標指示矩形框的邊緣可被向上及向左移動(北/西)。
n-resize 此光標指示矩形框的邊緣可被向上(北)移動。
se-resize 此光標指示矩形框的邊緣可被向下及向右移動(南/東)。
sw-resize 此光標指示矩形框的邊緣可被向下及向左移動(南/西)。
s-resize 此光標指示矩形框的邊緣可被向下移動(南)。
w-resize 此光標指示矩形框的邊緣可被向左移動(西)。
text 此光標指示文本。
wait 此光標指示程序正忙(通常是壹只表或沙漏)。
help 此光標指示可用的幫助(通常是壹個問號或壹個氣球)。