可选择的、可滚动的输出文本区域答案

【问题标题】：Selectable, scrollable output textarea可选择的、可滚动的输出文本区域
【发布时间】：2014-03-06 10:59:12
【问题描述】：

如何创建一个可滚动的、具有固定高度并允许标记文本的文本区域？ HTML、JSF 和 PF4.0 元素是可能的，必须尊重原始文本的换行符。

如果我使用<p:inputTextarea> 并设置 disabled="true"，当我标记文本时，就像我无法释放光标一样。无论我的光标走到哪里，它都会继续标记。此外， disabled 似乎阻止我使用滚动条。

它应该看起来与此类似，但带有一个激活的滚动条（文本是否变灰无关紧要）：

【问题讨论】：

【解决方案1】：

我不知道有什么方法可以用p:inputTextarea 做到这一点，所以我在需要时使用了 HTML 元素，而不是禁用 textArea：

  <ui:fragment rendered="#{lorem.disabled}">
    <div style="max-width:150px;max-height:150px;overflow-y:auto;overflow-x:auto;white-space:pre;">
      #{lorem.ipsum}
    </div>
  </ui:fragment>
  <p:inputTextArea value="#{lorem.ipsum}" rendered="#{!lorem.disabled}"/>

【讨论】：

的工作原理与预期的差不多。但是当文本太小以至于不需要滚动时，我可以看到一个启用的滚动条。你能告诉我如何改变吗？
什么浏览器？ 'auto' 表示不需要时不显示滚动条，我在 FireFox 和 IE10 下没有滚动条。
mäh，你是对的，他们在这里使用糟糕的 IE9。适用于 FF ;) IE9 的解决方法是否存在？
@dasLort 我不确定，我认为有一些关于 SO 上的 IE 滚动错误的问题，但我不记得是否有人找到了一些好的解决方案。