去掉input text的边框，已实现，但是有个疑问，求大神解决一下
我想达到的效果是一个下划线，上面可以输入内容，效果见左侧粗体部分：效果
  我是用下面代码实现的：
   <input type="text" maxlength="1" style="text-align:center; border-style: none; border-bottom-style: solid; 
border-bottom-color: green; width: 20px"/>
    问题来了：不点击text的时候，没有边框，就一个下划线，但是在输入的时候（即点击一下该区域），text的边框又出来了。

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

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


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