Bug 244233

Summary:

accent-color: white makes checkbox checkmark invisible

Product:

WebKit

Reporter:

Devon Govett <govett>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

akeerthi, karlcow, webkit-bug-importer

Priority:

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

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>