首页 > 蚂蚁部落 > 正文

去掉input标签获得焦点后的边框
2017-12-27 09:19:49   来源:   评论:0 点击:

网页中的经常使用文本框,尤其是在表单中,大家可能会发现这个一个特点,在Webkit内核的浏览器中,当文本框获得焦点的时候,会出现一个带有

网页中的经常使用文本框,尤其是在表单中,大家可能会发现这个一个特点,在Webkit内核的浏览器中,当文本框获得焦点的时候,会出现一个带有颜色的边框,但是在实际应用中往往不需要这个边框,可能第一印象就是将input元素的边框设置为0,如下代码:

[CSS] 纯文本查看 复制代码
input{  border:0;  width:100px;  height:25px;}

没有达到预期的效果。要想去掉这个边框只要为input元素添加一个outline:none即可,代码如下:

[CSS] 纯文本查看 复制代码
input{  outline:none;  width:100px;  height:25px;}

添加outline:none之后即可去掉那个带有颜色的边框。


相关热词搜索:

上一篇:var ev=window.event||ev的作用
下一篇:设置一个div尺寸全屏

分享到: 收藏
评论排行