html之制作精美的多行文本框（包括js焦点事件）

最新推荐文章于 2025-08-04 15:14:34 发布

原创

最新推荐文章于 2025-08-04 15:14:34 发布 · 4.4k 阅读

8 ·

CC 4.0 BY-SA版权

科普时间

1、对标签定义一个css样式：

document.getElementById("idname").style.display="none";

2、怎么设置textarea里面文本的间距

line-height: 1.5;

html页面

  <textarea id="mcontent" onfocus="setcolor(id)" onblur="savecolor(id)">
      </textarea>

css样式


#mcontent {
  margin-top: 6%;
  margin-left: 7%;
  width: 93%;
  font-size: 14px;
  height: 40%;
  line-height: 1.5;
}

js代码

  function setcolor(id){
          document.getElementById(id).style.background="#208EDA";
          document.getElementById(id).style.color="white";
          document.getElementById(id).style.border="solid 1px #C92027";
        }

        function savecolor(id){
          document.getElementById(id).st