去掉input text的边框，已实现，但是有个疑问，求大神解决一下_html/css_WEB-ITnose

本帖最后由 myg_315 于 2012-10-18 21:28:47 编辑

我想达到的效果是 一个下划线，上面可以输入内容，效果见左侧粗体部分： 效果
  我是用下面代码实现的：
    border-bottom-color: green; width: 20px"/>
     问题来了：不点击text的时候，没有边框，就一个下划线， 但是在输入的时候（即点击一下该区域），text的边框又出来了。

我想问一下有没有方法将text 输入的时候的边框也去除啊，谢谢。、

补充：该问题只在chrome浏览器中会有。

回复讨论(解决方案)

自己找到方法了：如果有需要的可以看一下：
只需要再设置一个属性就可以了： outline: none;

解决就好

嗯 对的
outline:none;可以去掉边框
另外不止chrome会有 其它浏览器比如safari也有
连IE也会有 只是颜色比较浅而已:P