代码之家  ›  专栏  ›  技术社区  ›  jprice92

当存在溢出时,禁用的TextArea Resize停止工作

  •  2
  • jprice92  · 技术社区  · 7 年前

    如果一个textarea被禁用并且具有溢出-y,它将不再允许您调整大小。 如果将overflow-y添加到hidden并将其禁用,则确实可以调整大小。

    有没有办法用可滚动的overflow-y设置一个禁用的textarea,并且仍然可以调整其大小?

    只需摆弄文本区域: https://jsfiddle.net/bs5sakus/ (不可调整大小)

    <textarea disabled> TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST </textarea>
    

    摆弄溢出-y隐藏: https://jsfiddle.net/30o3tmap/ (可调整大小)

    1 回复  |  直到 7 年前
        1
  •  0
  •   jprice92    7 年前

    可能的解决方案是使用只读而不是禁用,并将其样式设置为看起来禁用。这也允许用户突出显示和复制文本区域中的文本,但不能修改它

    https://jsfiddle.net/xynLfqag/1/

    <textarea readonly> TEST </textarea>
    

    可调整大小的jQuery UI可以工作,但使用SE抓取器和滚动条会导致重叠

    enter image description here

    https://jqueryui.com/resizable/