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;100%;background: none;color: #333;');
$(this).attr('UNSELECTABLE','on');
});