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

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

如果在元素readonly上设置属性时浏览器显示插入符input[type="text"]，您可以使用caret-colorCSS 属性来制作插入符transparent：

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

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

Answer 2

你的意思是这样吗：

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

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