关于禁用< 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 propertiesoutline-style
,outline-width
andoutline-color
in a single declaration
因此,当您将outline设置为none或0时,您实际上是在告诉浏览器设置3个属性(outline-style,outline-width和outline-color)
我使用Firefox开发者工具找出差异:
如您所见,它们都使用默认文本颜色作为轮廓颜色,并且它们都将轮廓样式设置为无.唯一的区别是轮廓宽度:
>当轮廓为0时,轮廓宽度为0px
>当轮廓为无时,轮廓宽度为中等
这是两者之间的唯一区别.你可以使用其中任何一个,它们都会以相同的方式显示(因为大纲样式是none,所以轮廓的宽度无关紧要).