如何隐藏input的边框

方法1：

<input type=text 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或其它方式替代）

以上这三种方法

试用了第一种后，仍然有一条线，可能是bootstrap的效果没能去掉。

 这个原因是bootstrap给设置的box-shadow引起的。

给input[text]添加这个属性 box-shadow:0px 0px。

参考下box-shadow的设置：

最后我们还需要把input的autocomplete关掉，autocomplete:"off"