Bug 195016 - WebKit has special UA stylesheet rule to give tables `border-color:grey`, which doesn't quite match spec & may be historical cruft
Summary: WebKit has special UA stylesheet rule to give tables `border-color:grey`, whi...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 12
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
Keywords: BrowserCompat, InRadar, WPTImpact
Depends on:
Reported: 2019-02-25 14:19 PST by Daniel Holbert
Modified: 2022-10-28 22:02 PDT (History)
9 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Daniel Holbert 2019-02-25 14:19:55 PST
(This bug covers some behavior that's common between Blink & WebKit. I've filed https://bugs.chromium.org/p/chromium/issues/detail?id=935729 on Blink.)

(1) Load https://jsfiddle.net/a6n0cb9j/

The borders should all be the same color.

Safari 12 uses a grey border for the table, but a black border for the td and th.

Firefox 65 [1], Edge 18, and IE11 all give EXPECTED RESULTS, rendering both borders as black (via `currentColor`).

Technically the WHATWG HTML spec says all three borders should be grey, via this rule:
>  table, td, th { border-color: gray; }

...but I think we should remove that entirely because code-archeology seems to indicate that this was for compatibility with IE at the time[2], and IE itself doesn't have this behavior anymore.  I've filed https://github.com/whatwg/html/issues/4391 on making this spec change.

[1] Firefox renders both borders black if the testcase is in standards-mode, or both gray in quirks mode. But I'd like to remove the quirks-mode behavior.

[2] Reference for code-archeology on the ancient-IE compat note: https://bugzilla.mozilla.org/show_bug.cgi?id=84307#c20 ("IE and Opera, which always use gray" back in 2006. Nowadays IE uses currentColor, i.e. black by default.)
Comment 1 Radar WebKit Bug Importer 2019-02-25 16:27:24 PST
Comment 2 Ahmad Saleem 2022-08-20 17:28:15 PDT
I am able to reproduce this bug in Safari 15.6.1 and Safari Technology Preview 151 using JSFiddle from Comment 0 and it show "Grey" outer border but "black" for TD and TH. It matches with Chrome Canary 106 but differ from Firefox Nightly 105, which shows "Black" for both cases. Just wanted to share updated testing results. Thanks!
Comment 3 Ahmad Saleem 2022-10-28 16:22:38 PDT
These are causing us to fail:

Standard Mode:

Quirk Mode:


We need to get rid of this:


I think from Comment 0, it seems that Webkit does not have any special quirk mode and I cannot find anything here as well:



I am happy to do PR and change it to "currentColor". Although, I will wait for Karl to land his "hr" fix to html.css because it will lead to conflict for him otherwise. If it is something, we should avoid right now, happy to get broader view from others as well (for my learning).
Comment 4 Ryosuke Niwa 2022-10-28 22:02:54 PDT
Seems sensible to match the spec.