首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-09-22 
HTML/CSS简记-隐藏input的边框网上有好几种方法:简略记录如下:方法1:input typetext valueswerwdfwe st

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

热点排行
Bad Request.