码迷,mamicode.com
首页 > 其他好文 > 详细

textarea高度自适应

时间:2020-01-17 19:00:40      阅读:71      评论:0      收藏:0      [点我收藏+]

标签:htm   margin   add   word   tab   color   max   适应   pad   

 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<style>
  .textarea{
      width: 400px;
      min-height: 20px;
      max-height: 300px;
      _height: 120px;
      margin-left: auto;
      margin-right: auto;
      padding: 3px;
      outline: 0;
      border: 1px solid #a0b3d6;
      font-size: 12px;
      line-height: 24px;
      padding: 2px;
      word-wrap: break-word;
      overflow-x: hidden;
      overflow-y: auto;
   
      border-color: rgba(82, 168, 236, 0.8);
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  }
</style>
<body>
<div class="textarea" contenteditable="true"><br /></div>
</body>
</html>

textarea高度自适应

标签:htm   margin   add   word   tab   color   max   适应   pad   

原文地址:https://www.cnblogs.com/dch0/p/12206895.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!