在编程时我们可以发现,如果不给<input>
添加圆角代码的话,界面就会不好看,但加入了圆角后,用户点击后浏览器就会自动为其添加边框,就像这样:
这很突兀,为了避免该情况的发生,需要在css里加入该代码:
input{
outline:none;
/*外部边框:无*/
}
这样,整个页面上的所有<input>
标签都会去除外部边框:
完成!
注意,以上所有图片都是来自本人自编网页,只是UI有点模仿谷歌的搜索框。
在编程时我们可以发现,如果不给<input>
添加圆角代码的话,界面就会不好看,但加入了圆角后,用户点击后浏览器就会自动为其添加边框,就像这样:
这很突兀,为了避免该情况的发生,需要在css里加入该代码:
input{
outline:none;
/*外部边框:无*/
}
这样,整个页面上的所有<input>
标签都会去除外部边框:
完成!
注意,以上所有图片都是来自本人自编网页,只是UI有点模仿谷歌的搜索框。