textarea readonly模拟disabled样式

textarea栏readonly/disabled属性替代

• 实现在不可编辑状态下，侧滚动条仍可滚动。
• 问题：textarea设置为disabled（不可编辑）属性后，光标无法focus，滚动条不能滚动，如果取消disabled，改为readonly，样式与期望的灰色不可编辑不符。
• 为解决该问题，使用readonly属性模拟disabled效果，css样式设置如下：

textarea[readonly]{
   background-color: #f5f5f5;/*背景色*/
   color:#848484;/*字体颜色*/
   border: 1px solid #d5d5d5;/*边框*/
   cursor: default;/*鼠标指针光标样式*/
}

实现只读状态下的可滚动标签