Steps to reproduce (1) Open this jsfiddle: https://jsfiddle.net/xmnt5b1w/ (2) Wait for it to load (hit run if necessary) (3) Look at the border colours of the "td" elements within the table Expected behaviour The borders inside of the table (the td borders) should be black. As per the spec (https://drafts.csswg.org/css-backgrounds-3/#border-color) the default value here is currentColor, which for those td elements is black. Actual behaviour The border color on the td elements is red. When I use the inspector it shows that the red color is inherited from the parent table element, but the spec says that border-color is not an inherited property.
Chrome shows the same behavior as WebKit. Firefox does not.
Yes, Chrome (and Edge, because Chromium) do show the same behaviour as webkit. I logged this bug https://bugs.chromium.org/p/chromium/issues/detail?id=1172023 against Chromium which is basically the same thing as the one I logged here.
<rdar://problem/74004548>