去掉input标签获得焦点后的边框

2017-12-4 16:17| 发布者: admin| 查看: 678| 评论: 0|来自: 蚂蚁部落

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

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

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

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

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



鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部