css 要从文本区域中删除滚动条吗？

iyfamqjs 于 2023-02-14 发布在其他

关注(0)|答案(3)|浏览(133)

我做了文本区，我想当我的文本超过文本区的宽度，而不是创建滚动条，它应该只是增加文本区的宽度，我怎么能做到这一点，这里是html代码，也是css的，我在这方面的应用，请建议我一些事情。我试图使这个文本区的工作像facebook的评论框？

<style>
.textarticle
 {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.18);
  width:600px;
  max-width:600px;
  min-height: 50px;
  max-height: 140px;
  border:1px solid E7DBDB;
  border-radius:5px;
  overflow:none;
 }
</style>

<html>
 <textarea class="textarticle" name="textarticl" placeholder="Enter Article">
</html>

css

来源：https://stackoverflow.com/questions/23725082/want-to-remove-the-scroll-bar-from-text-area

3条答案

按热度按时间

j2qf4p5b1#

添加溢出：自动
文本区域{溢出：自动;}

赞(0）回复(0）举报 2023-02-14

zujrkrfu2#

@JoshCrozier说的对，你需要overflow:hidden。要让文本区域自动地在高度上扩展，你需要JQuery插件的帮助。一个有用的插件是摩尔的autosize.js。
只需拨打$('textarea').autosize();，您就可以开始了。
这里有一个jsFiddle来演示它。

赞(0）回复(0）举报 2023-02-14

yizd12fk3#

隐藏滚动条而不影响滚动我认为是预期的行为：https://blog.logrocket.com/hide-scrollbar-without-impacting-scrolling-css
例如：

body::-webkit-scrollbar{
 display: none;
}
textarea::-webkit-scrollbar{
 display: none;
}

赞(0）回复(0）举报 2023-02-14

我来回答

css 要从文本区域中删除滚动条吗？

3条答案

相关问题

热门标签

最新问答