css – outline:none VS outline:0

前端之家收集整理的这篇文章主要介绍了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开发者工具找出差异:

<code></p>outline: 0</code>

<code></p>outline: none</code>

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

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

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

猜你在找的CSS相关文章