Fatal编程技术网
  • css/
  • Css 要从文本区域中删除滚动条吗？

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

css

Css 要从文本区域中删除滚动条吗？,css,textarea,Css,Textarea,我制作了文本区域，我希望当我的文本超过文本区域的宽度时，不需要创建滚动条，而只需增加文本区域的宽度。我如何做到这一点？这是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

我制作了文本区域，我希望当我的文本超过文本区域的宽度时，不需要创建滚动条，而只需增加文本区域的宽度。我如何做到这一点？这是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>


.textarticle
{
盒影：嵌入0 10px rgba（0,0,0,0.18）；
宽度：600px；
最大宽度：600px；
最小高度：50px；
最大高度：140像素；
边框：1px实心E7DBDB；
边界半径：5px；
溢出：无；
}
添加溢出：自动

textarea{overflow:auto；}

@JoshCrozier是正确的，您希望
溢出：隐藏
。要使textarea在高度上自动扩展，您需要JQuery插件的一些帮助。一个有用的是杰克·摩尔的

只需调用
$（'textarea'）.autosize（）你可以走了


这里有一个例子来演示。
它是
溢出：隐藏的
，而不是
溢出：无
@JoshCrozier我尝试过这个方法，但这只会删除滚动条，不会增加高度？我试图让这个文本区域像facebook评论框一样工作