当前位置: 代码迷 >> HTML/CSS >> HTML/CSS简记-掩藏input的边框
  详细解决方案

HTML/CSS简记-掩藏input的边框

热度:175   发布时间:2012-09-22 21:54:54.0
HTML/CSS简记-隐藏input的边框

网上有好几种方法:简略记录如下:

方法1:

   <input type=text value=swerwdfwe style="border-style:none">

方法2:

    给input设置border:none;但在iE6下不行,还有边。应该将 border:none; 换成border:0; 这是ie6 的兼容性问题

    或者<input type="text" name="sample" border="0"/>

方法3:

   以div放置span和input显示相同的内容,平时显示span,隐藏input。单击span时显示input隐藏span,input 失去焦点时隐藏input,并把input的value填写到span,并显示span(简单来说,就是使用span替代input---当然同理可以使用div或其它方式替代)

  相关解决方案