Jquery 只读文本区和IE9滚动条

textareas只读属性有问题。我使用JQuery设置属性，如下所示：

$("#mytextarea").prop("readonly", true);

CSS：

textarea { width: 400px; height: 400px; }
textarea[readonly] { overflow: auto; }

HTML：

<textarea id="mytextarea">Lorem ipsum [...] ament.</textarea>

Lorem ipsum[…]ament。

在Internet Explorer 9中，不会显示滚动条，因此用户无法读取溢出内容。所有其他浏览器的行为都是正确的：该字段不可编辑，但用户可以在其中自由滚动

---

如何修复此问题？

将

溢出：自动更改为
溢出：滚动
将
溢出：自动更改为
溢出：滚动

可见溢出未被剪裁。它在元素的外部渲染
盒这是默认值

隐藏溢出将被剪裁，其余内容将被删除
无形的

滚动溢出已被剪裁，但添加了滚动条以查看溢出
其余内容

自动如果溢出被剪裁，则应添加一个滚动条以查看溢出
内容的其余部分继承指定溢出的值
属性应从父元素继承

尝试将“滚动”作为溢出属性的值，如下所示：

$("#mytextarea").prop("readonly", true);

更改：
溢出：自动到
溢出：滚动

因为它不仅在IE9中实现了你想要的功能，而且如果你想为其他兄弟保留自动功能的话。创建两个CSS文件，并在HTML中使用以下代码：

<!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="ie9.css">
<![endif]-->



并将
溢出：滚动和
溢出：自动在常规CSS中

编辑：Scott建议，我也是，尝试阅读此链接。。。关于如何为每个浏览器合并多个css。这是一个好主意，也是减少HTTP请求的好方法。

可见溢出未被剪裁。它在元素的外部渲染
盒这是默认值

隐藏溢出将被剪裁，其余内容将被删除
无形的

滚动溢出已被剪裁，但添加了滚动条以查看溢出
其余内容

自动如果溢出被剪裁，则应添加一个滚动条以查看溢出
内容的其余部分继承指定溢出的值
属性应从父元素继承

尝试将“滚动”作为溢出属性的值，如下所示：

$("#mytextarea").prop("readonly", true);

更改：
溢出：自动到
溢出：滚动

因为它不仅在IE9中实现了你想要的功能，而且如果你想为其他兄弟保留自动功能的话。创建两个CSS文件，并在HTML中使用以下代码：

<!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="ie9.css">
<![endif]-->



并将
溢出：滚动和
溢出：自动在常规CSS中

编辑：Scott建议，我也是，尝试阅读此链接。。。关于如何为每个浏览器合并多个css。这是一个好主意，也是减少HTTP请求的一个好方法。
我不知道您使用的是哪个版本的jQuery，但从1.6版开始，处理属性的适当方法是：
$（“#mytextarea”）.prop（“readonly”，true）
我不知道您使用的是哪个版本的jQuery，但从1.6版开始，处理属性的合适方法是：
$（“#mytextarea”）.prop（“readonly”，true）以另一个HttpRequest为代价。您可以使用将条件类添加到html标记中，该标记允许您在一个样式表中以需要处理的IE的任何版本为目标，以另一个HttpRequest为代价保存该HttpRequest。您可以使用将条件类添加到html标记中，该标记允许您在一个样式表中以需要处理的IE的任何版本为目标，从而为您保存HttpRequest。