欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2024-01-01 12:04:46
...
本帖最后由 myg_315 于 2012-10-18 21:28:47 编辑 我想达到的效果是 一个下划线,上面可以输入内容,效果见左侧粗体部分: 效果
我是用下面代码实现的:

问题来了:不点击text的时候,没有边框,就一个下划线, 但是在输入的时候(即点击一下该区域),text的边框又出来了。

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

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


回复讨论(解决方案)

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

解决就好

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

上一篇:

下一篇: