“轮廓：无”和“轮廓：0”有区别吗？

Answer 1

根据MDN：

CSS

outline

属性是一种简写属性，用于在单个声明中设置一个或多个单独的轮廓属性

outline-style

、

outline-width

和

outline-color

因此，当您将

outline

设置为

none

或

0

时，您实际上是在告诉浏览器设置 3 个属性（

outline-style

、

outline-width

和

outline-color

）

我使用 Firefox 开发者工具来找出差异：

如您所见，它们都使用默认文本颜色作为

outline-color

，并且都将

outline-style

设置为

none

。唯一的区别是

outline-width

：

• 当

  outline

  为

  0

  时，

  outline-width

  为

  0px

• 当

  outline

  为

  none

  时，

  outline-width

  为

  medium

这是两者之间的唯一区别。您可以使用其中之一，它们都会以相同的方式显示（因为

outline-style

是

none

，所以轮廓有多宽并不重要）。