input readonly 光标显示问题

 input readonly模式下在ie跟火狐访问的时候会有光标会出现,以下方法可解决这个问题

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

1.unselectable='on' 是解决ie下光标出现的问题

2.onfocus="this.blur() 是解决火狐下光标出现的问题,也可以写成全局的

$(document).on('focus', 'input[readonly]', function () {
            this.blur();
 })

这样问题就解决了

posted @ 2017-10-24 10:26  Vicky-Rong  阅读(3381)  评论(0编辑  收藏  举报