Bug 221112

Summary:	Border-color incorrectly inherited in td
Product:	WebKit	Reporter:	Neil Ashford <neil.ashford>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	koivisto, neil.ashford, simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	InRadar
Version:	Safari 14
Hardware:	Mac (Intel)
OS:	macOS 11

Description Neil Ashford 2021-01-28 17:15:09 PST

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.

Comment 1 Simon Fraser (smfr) 2021-01-28 20:16:00 PST

Chrome shows the same behavior as WebKit. Firefox does not.

Comment 2 Neil Ashford 2021-01-28 20:45:15 PST

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.

Comment 3 Radar WebKit Bug Importer 2021-02-04 17:16:14 PST

<rdar://problem/74004548>