如何隐藏文本框闪烁光标？

Question

我需要在CSS/Javascript中隐藏文本框闪烁光标.

可能吗？

Answer 1

您可以maxlength在文本框上设置一个,然后使用text-indent将光标移回比maxlength更多的字符.

例如,您可以设置maxlength=20然后为文本框设置text-indent: -20em文本从框的边界开始,并且不能进入视图.

Answer 2

<input type=text disabled="disabled"/>

因为我看不出您可能想要这样做的任何其他原因。

编辑：

我猜你想让用户滚动大于该区域的文本，但不显示闪烁？

如果是这样，您仍然想禁用它。不仅仅是隐藏闪烁的光标。如果用户无法在那里打字，则应将其禁用。时期。

现在，如果您仍然想让用户看到所有内容，则必须使输入与内容一样大。这是不可避免的。

然后使用divCSSoverflow: hidden或scroll.

<div style="overflow: scroll-x;"><input size=255 value="some string 255 char long" /></div>