删除只读属性的尖线

Question

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

检查小提琴： 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>