HTML 如何设置文本框中光标位置?

HTML 如何设置文本框中光标位置?,第1张

用<input type="text" />这样的单行文本框貌似是实现不了的,调了高度就会一直在中间,但你可以用下面的多行文本框来替换,用法和单行文本框一样:

<textarea style="width:200pxheight:100px"></textarea>

可以给你想要显示不同鼠标样式的元素加个css样式。在css样式里面有很多鼠标样式可以选择。

具体的语法就是.classone {cursor:pointer} 其中classone是你元素的class名称,后面pointer就是你想要的鼠标样式。这个样式的属性有很多,包括

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

auto 默认。浏览器设置的光标。

crosshair 光标呈现为十字线。

pointer 光标呈现为指示链接的指针(一只手)

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

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

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

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

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

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

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

s-resize 此光标指示矩形框的边缘可被向下移动(北/西)。

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

text 此光标指示文本。

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

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

具体你可以在http://www.w3school.com.cn/tiy/t.asp?f=csse_cursor 这里看到效果

如果还有不明白的我尽量帮忙,希望能够对你有帮助^^


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7241095.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存