日期:2014-05-17  浏览次数:20662 次

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或其它方式替代)