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


问题

如题所示

答案

outline和border的区别

outline与border的区别

在以下代码的情况下:


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

在以下代码的情况下:

border: none;

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

在以下代码的情况下:

border: none;
outline: none;

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