Readonly textareaとIE9 Scrollbars

Question

私はtextareas readonly属性に問題があります。

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

CSS：

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

HTML：Internet Explorer 9ので

​​

、スクロールバーがshownedされていない、私はこのように、属性を設定するためにはJQueryを使用していますユーザーはオーバーフローコンテンツを読み取ることができません。他のすべてのブラウザを使用した場合の動作は正しいです。フィールドは編集できませんが、ユーザーは自由にスクロールできます。

これを修正するにはどうすればよいですか？

Answer 1

オーバーフローがクリップされていない可視

http://www.w3schools.com/cssref/pr_pos_overflow.aspから。それは要素の ボックスの外にレンダリングされます。これはオーバーフローがクリップされ、コンテンツの残りの部分は 見えない

スクロールオーバーフローがクリップされますが、スクロールバーがの 残りの部分を見るために追加さを隠さ

デフォルトですオーバーフローがクリップされている場合は、スクロールバーコンテンツ継承の 残りの部分を見るためにを追加する必要がありますコンテンツ

オートように指定しますオーバーフロー プロパティの値は、親要素

から継承されなければならない。このようなoverflowプロパティの値として「スクロール」試してみてください：それは何をしているのでoverflow: auto;overflow: scroll;へ

：

変更をあなたはIE9だけで、あなたが他のbroswerのためにautoを保つことを望むのでは欲しくない。 2つのCSSファイルを作成し、HTML内でこのコードを使用します。

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

と定期的なCSSの内側ie9.css内部overflow: scroll;とoverflow: auto;を置きます。

EDIT：スコットが提案、私はあまりにも、各ブラウザのために複数のCSSを組み込む方法について...このリンクhttp://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/を読み取ろうとします。それは良いアイデアとHTTP要求を減らすための良い方法です。

Answer 2

overflow: autoからoverflow: scrollに変更してください。