查漏补缺——border和outline的区别

问题

如题所示

答案

outline和border的区别

outline与border的区别

在以下代码的情况下：

上面border和outline啥都没加，元素的border和input聚焦的时候，outline也在。

在以下代码的情况下：

border: none;
 

这时候，元素的border已经没了，但是元素聚焦时，outline还在。

在以下代码的情况下：

border: none;
outline: none;

到这个时候，border和outline都没了。