textareas の読み取り専用属性に問題があります。次のように、JQueryを使用して属性を設定しています：
$("#mytextarea").prop("readonly", true);
CSS :
textarea { width: 400px; height: 400px; }
textarea[readonly] { overflow: auto; }
HTML :
<textarea id="mytextarea">Lorem ipsum [...] ament.</textarea>
Internet Explorer 9 では、スクロールバーが表示されないため、ユーザーはオーバーフローしたコンテンツを読むことができません。他のすべてのメジャー ブラウザーでの動作は正しいです。フィールドは編集できませんが、ユーザーはその中を自由にスクロールできます。
これを修正する方法は？
http://www.w3schools.com/cssref/pr_pos_overflow.aspから
visibleオーバーフローはクリップされません。要素のボックスの外側にレンダリングされます。これがデフォルトです
hiddenオーバーフローはクリップされ、残りのコンテンツは非表示になります
scrollオーバーフローはクリップされますが、残りのコンテンツを表示するためにスクロール バーが追加されます
autoオーバーフローがクリップされた場合、残りのコンテンツを表示するためにスクロール バーを追加する必要があります inherit オーバーフロー プロパティの値を親要素から継承する必要があることを指定します
次のように、オーバーフロー プロパティの値として「スクロール」を試してください。
変更 :overflow: auto;にoverflow: scroll;
IE9でのみ必要としないことを行うため、他のブラウザでautoを維持したい場合。2 つの CSS ファイルを作成し、HTML 内でこのコードを使用します。
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="ie9.css">
<![endif]-->
ie9.cssoverflow: scroll;内overflow: auto;と通常の CSS 内に配置します。
編集: スコットが提案しました, 私もそうです, このリンクを読んでみてくださいhttp://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ ... ブラウザごとに複数の css を組み込む方法について. これは、HTTP 要求を減らす良いアイデアであり、良い方法です。
に変更overflow: autoしoverflow: scrollます。