問題
Firefox以外のブラウザー
Firefox
-
visibility: collapse;で詰めて表示されているはずの<th>にまで、<col>のbackground-color: #10c7ff;が適用される -
border-radiusで丸まった角の背景にまで、<col>のbackground-color: redが適用される
Firefox Nightlyでも同様。
デモ
対処
-
<tbody>の<th>と<td>でbackground-colorを指定する
デモ
感想
Firefoxなんでや…。
Bugzillaに報告されているか軽く見てみたけど、<col>とbackground-colorに関するIssueは無いっぽい?
仕様的にどっちの挙動が正しいんだろ…。

