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

去掉input text的边框,已实现,但是有个疑问,求大神解决一下
本帖最后由 myg_315 于 2012-10-18 21:28:47 编辑
我想达到的效果是一个下划线,上面可以输入内容,效果见左侧粗体部分:效果
  我是用下面代码实现的:
   <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