Bug 244233

Summary: accent-color: white makes checkbox checkmark invisible
Product: WebKit Reporter: Devon Govett <govett>
Component: CSSAssignee: Lily Spiniolas <lily_spiniolas>
Status: RESOLVED FIXED    
Severity: Normal CC: akeerthi, karlcow, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 15   
Hardware: iPhone / iPad   
OS: iOS 15   
Bug Depends on: 231791    
Bug Blocks:    
Attachments:
Description Flags
rendering in Safari, firefox, chrome (desktop) none

Devon Govett
Reported 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
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 attachment proposed patch, testcase, etc.
Karl Dubost
Comment 1 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
Karl Dubost
Comment 2 2022-08-23 00:06:48 PDT
There are also discussions about accent color on Bug 241866
Radar WebKit Bug Importer
Comment 3 2022-08-23 00:06:58 PDT
<rdar://problem/99018889>
Lily Spiniolas
Comment 4 2025-08-05 01:12:53 PDT
Pull request: https://github.com/WebKit/WebKit/pull/48944
EWS
Comment 5 2025-08-06 20:56:30 PDT
Committed 298318@main (4f0c0eb24e9b): <https://commits.webkit.org/298318@main> Reviewed commits have been landed. Closing PR #48944 and removing active labels.
Note You need to log in before you can comment on or make changes to this bug.