textarea的文本显示不可编辑 不显示光标

在ie8下，input/textarea输入框如果使用disabled属性，字体的颜色会变灰，这时我们可以使用另一种方法实现它。

不使用disabled，用readonly代替：

input[readonly],textarea[readonly]{
　　background:#CCC;       　　　　　　　　//颜色按实际需求调整
　　color:#000;　　　　　　　　　　　　　　//颜色按实际需求调整
}

但是效果却不尽人意，readonly在ie8底下会有光标，如何解决呢？只需 写如下js:

$('input[readonly], textarea[readonly]').attr('UNSELECTABLE','on');

至此完解决。

 

$(".zw-textarea").each(function (){
this.setAttribute('style', 'height:' + this.scrollHeight + 'px;border:none;overflow:hidden;width:100%;background: none;color: #333;');
$(this).attr('UNSELECTABLE','on');
});

转载于:https://www.cnblogs.com/husfsh-16300/p/9399994.html