从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; }