input输入框光标问题

一、问题描述

使用readonly使type=text或type = password的input禁止输入，在谷歌中无光标，且不可输入；在火狐、IE下有光标，且不可输入。

二、问题截图

<input type="text" readonly="readonly">

谷歌

火狐

IE

结论：IE、火狐下使用readonly属性，尽管可以禁止输入，但是会出现光标。大大减少了用户的易用性；

三、解决方案

<input type="text" readonly="readonly" unselectable="on" onfocus="this.blur()">