NEW 221112
Border-color incorrectly inherited in td
https://bugs.webkit.org/show_bug.cgi?id=221112
Summary Border-color incorrectly inherited in td
Neil Ashford
Reported 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.
Attachments
Simon Fraser (smfr)
Comment 1 2021-01-28 20:16:00 PST
Chrome shows the same behavior as WebKit. Firefox does not.
Neil Ashford
Comment 2 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.
Radar WebKit Bug Importer
Comment 3 2021-02-04 17:16:14 PST
Note You need to log in before you can comment on or make changes to this bug.