css – outline：none VS outline：0

关于禁用< a>周围的虚线边框,我正在阅读 this question链接. Some answers使用outline：none,而 some使用outline：0

使用outline：none和outline：0之间有什么区别吗？

解决方法

根据 MDN：

The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style,outline-width and outline-color in a single declaration

因此,当您将outline设置为none或0时,您实际上是在告诉浏览器设置3个属性(outline-style,outline-width和outline-color)

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

如您所见,它们都使用默认文本颜色作为轮廓颜色,并且它们都将轮廓样式设置为无.唯一的区别是轮廓宽度：

>当轮廓为0时,轮廓宽度为0px
>当轮廓为无时,轮廓宽度为中等

这是两者之间的唯一区别.你可以使用其中任何一个,它们都会以相同的方式显示(因为大纲样式是none,所以轮廓的宽度无关紧要).