Bug 242387

Summary:	accent color not working on radio input
Product:	WebKit	Reporter:	Oliver Williams <oliverwilliams345>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	akeerthi, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	Safari Technology Preview
Hardware:	Mac (Apple Silicon)
OS:	macOS 12

Description Oliver Williams 2022-07-06 07:16:09 PDT

In both Safari Technology Preview on MacOS Monterey, as well as the regular version of Safari, I am using accent color on a radio input but it is not changing the color of the radio. The same code IS working on my iPhone (version 15.5) though.

https://codepen.io/cssgrid/pen/jOYmxyQ

Comment 1 Aditya Keerthi 2022-07-06 11:49:21 PDT

I cannot reproduce this on macOS Monterey 12.4 using the system version of Safari (Version 15.5 (17613.2.7.1.8)).

Can you share your OS and Safari versions?

Comment 2 Oliver Williams 2022-07-06 14:17:36 PDT

Mac version 12.4

Release 148 (Safari 16.0, WebKit 17614.1.17.1)

Comment 3 Aditya Keerthi 2022-07-06 14:54:10 PDT

I'm still unable to reproduce using Release 148 (Safari 16.0, WebKit 17614.1.17.1) on macOS 12.4 :(

Do the radio button respond to changes in system accent color (after removing the accent-color CSS)?

Comment 4 Oliver Williams 2022-07-06 16:48:00 PDT

When I removed the accent-color CSS and changed the accent color from system preferences, the color I chose in system preferences did work and change the color of the input. 
After doing that, when I uncommented the accent-color line in my CSS, it started to work and the accent color specified in my CSS is applied.

Comment 5 Radar WebKit Bug Importer 2022-07-13 07:17:36 PDT

<rdar://problem/96950490>