删除readonly属性的尖线

Question

是否可以使用readonly属性从输入元素中删除尖线？禁用时，行为是不同的，因为禁用的元素无法接收焦点事件，但只能读取。  那么可以从只读输入中删除尖线吗？

检查小提琴： http://jsfiddle.net/DCjYA/364/

Answer 1

你可以这样做..

Last name: <input type="text" name="lname" value="readonly" readonly onfocus="this.blur();"/>

编辑：

你也可以使用jquery来完成它，所以你不必在每个输入上添加代码

Last name: <input type="text" name="lname" value="readonly" readonly class="readonly"/>

<script>
$(".readonly").focus(function () {
   $(this).blur();
 });
</script>