Bug 244233 - accent-color: white makes checkbox checkmark invisible
Summary: accent-color: white makes checkbox checkmark invisible
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 15
Hardware: iPhone / iPad iOS 15
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on: 231791
Blocks:
  Show dependency tree / graph
 
Reported: 2022-08-22 19:30 PDT by Devon Govett
Modified: 2022-08-23 00:06 PDT (History)
3 users (show)

See Also:

Attachments
rendering in Safari, firefox, chrome (desktop) (169.34 KB, image/png)
2022-08-23 00:03 PDT, Karl Dubost 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Devon Govett 2022-08-22 19:30:13 PDT 
When the accent-color CSS property is set to white on iOS Safari, the checkmark of a checkbox is invisible. In other browsers such as Chrome and Firefox, when the accent-color is a light color, the checkmark becomes black rather than white.

Example: https://codepen.io/devongovett/pen/QWmoJBq
Comment 1 Karl Dubost 2022-08-23 00:03:35 PDT 
Created attachment 461816 [details]
rendering in Safari, firefox, chrome (desktop)

Confirmed on iOS it becomes white on white
on Desktop it becomes white on a dark grey.
while other browsers sport a black mark on a white background.


Probably depends on Bug 231791
Comment 2 Karl Dubost 2022-08-23 00:06:48 PDT 
There are also discussions about accent color on Bug 241866
Comment 3 Radar WebKit Bug Importer 2022-08-23 00:06:58 PDT 
<rdar://problem/99018889>