html - 删除只读属性的尖线

Question

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

检查 fiddle : 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>