当前位置: 代码迷 >> Web前端 >> 美化<textarea>只需两步!
  详细解决方案

美化<textarea>只需两步!

热度:1077   发布时间:2012-10-25 10:58:57.0
美化<textarea>只需两步!~
去掉其余3条边框
<style>  
  .smallInput{background:#ffffff;border-bottom-color:#ff6633;   border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px;   solid   #ff6633;   color:   #000000;   FONT-SIZE:   9pt;   FONT-STYLE:   normal;   FONT-VARIANT:   normal;   FONT-WEIGHT:   normal;   HEIGHT:   18px;   LINE-HEIGHT:   normal}  
  }  
  </style>  
  <TEXTAREA   NAME=""   ROWS="20"   COLS="20"   class="smallInput"></TEXTAREA>

去掉里面多余的空格

以前是这样
<TEXTAREA>
   hello!!!
</TEXTAREA>

改为这样
<TEXTAREA>hello!!!</TEXTAREA>
1 楼 mayixiaozi 2010-05-19  
看不到边框会觉得有点诡异……
2 楼 norain1988 2012-02-24  
呵呵要的就是这个效果
  相关解决方案