| Summary: | rgba() border color rendering is not consistent in html tables | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | spacebabe77 | ||||
| Component: | Tables | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | NEW --- | ||||||
| Severity: | Normal | CC: | webkit-bug-importer, zalan | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari 16 | ||||||
| Hardware: | Mac (Intel) | ||||||
| OS: | macOS 12 | ||||||
| Attachments: |
|
||||||
Created attachment 463024 [details] Different rendering of rgba() border colors in table The rgba() border color is rendered with different color lightness in Safari 16 on Mac. It only occurs on borders in tables, especially the last row has a lighter color rendering. See screenshot and the html/css example: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body { background-color: #ddd; padding: 3vw 3vh; } table { border-collapse: collapse; } td { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } </style> </head> <body> <table> <tr> <td>column 1</td> <td> column 2</td> <td> column 3</td> </tr> <tr> <td>column 1</td> <td> column 2</td> <td> column 3</td> </tr> <tr> <td> column 1</td> <td> column 2</td> <td> column 3</td> </tr> <tr> <td> column 1</td> <td> column 2</td> <td> column 3</td> </tr> <tr> <td> column 1</td> <td> column 2</td> <td> column 3</td> </tr> </table> </body> </html>