去除input选中时默认的蓝色边框

在写表单的时候大家一定遇到过input选中时出现的默认蓝色边框。
像这样:


  • 还有这样:


非常难看有没有？
去除的方法很简单，在css中添加下面这行代码即可:
outline:none;

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • css 填坑代码
    以下是常用的代码收集，学习用。转自[豪情博客园] (http://www.cnblogs.com/jikey/p/...
    自由加咖啡阅读 1,101评论 0赞 1
  • Bootstrap（基础一）
    Bootstrap是什么？ 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 10,924评论 3赞 184
  • ios和android 浏览器适配问题总结
    相关知识点 移动端、 适配（兼容）、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...
    sandisen阅读 25,576评论 3赞 67
  • 第一次
    标题会不会吸引人？哈哈，其实我真的是第一次，第一次参加一位作者的新书签售会。上周一的时候就被同城读书会的组织者提醒...
    观弈小童阅读 237评论 0赞 1
  • 我现在只想完成两件事：做自己，变优秀
    争分夺秒的度过每一天的24个小时，每60分钟跳动的秒针都把时间消耗不少，我们像一群蚁族碌碌无为的度过，也在旧的一晚...
    乔屿Henry阅读 2,822评论 46赞 81