css样式之input输入框默认样式

帮朋友写个简单的课程设计，后面会贴出来，项目刚开始就遇到一个坑（给input输入框设定样式，但是，点击后会出现蓝色边框），之前写其他的项目时也遇到过，百度一下资料解决了，现在又碰到了，写一下，留着备用（代码和效果图就就不粘出来了）。

 

查资料后才知道html的许多标签都有一些默认的属性，这次遇到的是input标签的默认属性（点击输入框时会出现 "蓝色边框" ）。话不多说，解决方法如下：

一、直接给input标签加一个online：none的样式

<style>
    input {
        outline:none；
   }
</style>

二、直接控制input标签聚焦是不出现默认边框（原文链接：https://blog.csdn.net/yike_dc/article/details/76928479）

<style>
    input:focus{ outline:none; }
</style>

 

转载于:https://www.cnblogs.com/I-love-Xiang/p/10772147.html