去除点击input输入框默认出现的边框

html代码

  <input class="input" type="text" placeholder="写点什么吧!">

加入以下css代码即可

  .input{
    outline: none;
  }

如有不对的地方或更好的方法请指出,感谢您的阅读

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

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,935评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,868评论 1 92
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,431评论 0 3
  • 3.27课后练习作业:阅读完第二三章 2-1 p29.鲁斯.贝本梅尔的这首诗歌,你有什么体会? 读这首诗的感受犹如...
    日出东方天刚晓阅读 406评论 0 0
  • 以西子 记2018,07,08杭州傍晚 在暑气刚入这座城市的七月傍晚,太阳还未下山,天空透漏着细微的光的时刻,我准...
    以西子阅读 198评论 0 2