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

作者:黄灿

撰写时间:2019.2.16

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

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

图1

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

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

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

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

图3

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

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

图4

相关文章: