input不可编辑，不显示禁止图标

现在有一个需求，要求input可以显示，但是不能编辑，同时不显示禁止编辑图标

禁止编辑有两种方法：

disabled

  <input type="text" name="input1" value="value1" disabled="true">

readonly
 

<input type="text" name="input1" value="value1" readonly>
 
<input type="text" name="input1" value="value1" readonly="true">

使用disabled字体颜色会变成灰色，使用readonly字体颜色不变。但是都会显示禁止图标    

最后查到使用js方法，在input得到焦点时失去焦点，这样就不能编辑了，而没有改变input的状态

<input type="text" name="input1" value="value1" οnfοcus=this.blur();>