Html 从文本区域中删除滚动条

Html 从文本区域中删除滚动条,html,scroll,textarea,scrollbar,overflow,Html,Scroll,Textarea,Scrollbar,Overflow,关于如何始终在中查看滚动条的上一个问题()之后,我现在想知道如何设置滚动条,使中没有滚动条,即使文本溢出。要向下滚动,可以使用箭头键或鼠标在文本中导航 如何执行此操作?请尝试以下操作,不确定哪些操作适用于所有浏览器或您正在使用的浏览器,但最好全部尝试: <textarea style="overflow:auto"></textarea> 或 …如上所述 您也可以尝试添加此内容,我以前从未使用过,只是今天在一个网站上看到它: <textarea style

关于如何始终在
中查看滚动条的上一个问题()之后,我现在想知道如何设置滚动条,使
中没有滚动条,即使文本溢出。要向下滚动,可以使用箭头键或鼠标在文本中导航


如何执行此操作?

请尝试以下操作,不确定哪些操作适用于所有浏览器或您正在使用的浏览器,但最好全部尝试:

<textarea style="overflow:auto"></textarea>


…如上所述

您也可以尝试添加此内容,我以前从未使用过,只是今天在一个网站上看到它:

<textarea style="resize:none"></textarea>


最后一个选项将取消调整
文本区域大小的功能。您可以找到有关CSS
resize
属性的更多信息。对于MS IE 10,您可能会发现需要执行以下操作:

-ms-overflow-style: none
见下文:

-ms-overflow-style: none

给一个类,例如:
滚动到textarea标签。并在css中添加此属性-

。滚动::-webkit滚动条{
显示:无;
}

通过删除类的“最大高度”属性,我可以去掉文本体上的滚动条。

隐藏滚动条,但仍然可以使用CSS滚动

要隐藏滚动条,请使用-webkit,因为主要浏览器(谷歌浏览器、Safari或较新版本的Opera)都支持滚动条。下面列出了其他浏览器的许多其他选项:

    -webkit- (Chrome, Safari, newer versions of Opera):
    .element::-webkit-scrollbar { width: 0 !important }
    -moz- (Firefox):
    .element { overflow: -moz-scrollbars-none; }
    -ms- (Internet Explorer +10):
    .element { -ms-overflow-style: none; }

参考:隐藏Mozilla的滚动条

  overflow: -moz-hidden-unscrollable;

您是否尝试过
?这不是一个确切的答案?textarea\u element.style.overflow=“hidden”;(在Firefox 44.0中使用)这种方法隐藏滚动条,但是如果你的内容很大,它就不会再滚动了。结合这个。对于IE10来说,似乎没有其他东西能起作用。好东西,谢谢。正确的解决方案。