1

我在使用 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 中，不显示滚动条，因此用户无法阅读溢出内容。所有其他专业浏览器的行为都是正确的：该字段不可编辑，但用户可以在其中自由滚动。

如何解决这个问题？

4

2 回答 2

3

来自http://www.w3schools.com/cssref/pr_pos_overflow.asp

可见溢出没有被剪裁。它呈现在元素的框外。这是默认的

hidden溢出被剪掉，剩下的内容将不可见

scroll溢出被剪掉了，但是增加了一个滚动条来查看剩下的内容

auto如果overflow被剪裁，应该添加滚动条来查看剩余的内容 inherit 指定overflow属性的值应该从父元素继承

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

更改：overflow: auto;到overflow: scroll;

因为它只在 IE9 中做你不想要的，如果你想为其他浏览器保留自动。创建两个 CSS 文件并在 HTML 中使用此代码：

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

并放入overflow: scroll;ie9.css 和overflow: auto;常规 CSS 中。

编辑：斯科特建议，我也这样做，尝试阅读此链接http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ ...关于如何为每个浏览器合并多个 css . 这是减少HTTP请求的好主意和好方法。

于 2012-04-17T15:17:56.537 回答
2

更改overflow: auto为overflow: scroll。

于 2012-04-17T15:17:03.527 回答