Question

这是我的代码：

<table>
<tr>
<td><input type="text" value="test1" readonly  /></td>
</tr>
<tr>
<td><input type="text" value="test2"  readonly /></td>
</tr>
<tr>
<td><input type="text" value="test3" readonly /></td>
</tr>
</table>

如何从文本框中删除光标？

Answer 1

穷人的解决方案：在隐藏表单项（<input type="hidden">）中传输值，并将其显示在常规HTML容器（<p></p>，<div></div>或其他任何内容中）。

Answer 2

如果在readonly元素上设置了input[type="text"]属性时浏览器显示插入插入符，则可以使用caret-color CSS属性将插入符设为{{3 }}：

.caret-hidden {
  caret-color: transparent;
}

<input class="caret-hidden" type="text" readonly>

Answer 3

鼠标光标有几个 CSS 值。要从文本框中删除光标，您可以使用以下内容

<input type="text" value="test2" style="cursor:none" readonly />

将其设置为none，将不会显示光标。但您也可以选择使用其他样式，例如 cursor:zoom-in。 cursor: default 等有关更多 CSS 光标值，请查看 MDN 文档 here

Answer 4

你的意思是：

<input type="text" name="site" value="Stackoverflow" readonly="readonly" />

演示： http://jsfiddle.net/UuZnh/

如何从文本框中删除光标？

4 个答案: