首页 > web前端 > html教程 > 去掉input text的边框,已实现,但是有个疑问,求大神解决一下_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-21 09:38:40
原创
980 人浏览过

本帖最后由 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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板