去掉input搜索框获得焦点时的边框

开发工具与关键技术:Adobe Dreamweaver CC 与css

作者:黄灿

撰写时间:2019.2.16

用input[type=”text”]写一个搜索框,很简单

在这里插入图片描述

图1

这样子写这个搜索框,获得焦点是有一个自带的边框出现

在这里插入图片描述
图2

想要在搜索框中获得焦点时这个边框隐藏起来我们需要加上一个属性

在这里插入图片描述

图3

写上outline为none这个属性,在搜索框中获得焦点时这个边框就会隐藏起来

在这里插入图片描述

图4

猜你喜欢

转载自blog.csdn.net/weixin_44542088/article/details/87869867