从textarea删除滚动条

根据我以前的问题( 将一个滚动条添加到一个<textarea> )如何始终在<textarea>查看滚动条,我现在想知道如何设置它以便<textarea>没有滚动条,即使文本溢出。 为了向下滚动,您可以使用箭头键或鼠标来浏览文本。

我怎样才能做到这一点?

尝试以下,不知道哪些适用于所有浏览器或您正在使用的浏览器,但最好尝试一下:

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

要么

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

…如上所述

您也可以尝试添加这个,我以前从来没有使用过,只是看到它今天发布在网站上:

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

最后一个选项将删除调整textarea大小的function。 你可以在这里find更多关于CSS resize属性的信息

对于MS IE 10,您可能会发现您需要执行以下操作:

 -ms-overflow-style: none 

请参阅以下内容:

https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx

style="overflow: hidden"style="resize: none"是那些伎俩。

给一个类例如: scroll到textarea标签。 并在CSS添加此属性 –

 .scroll::-webkit-scrollbar { display: none; }