Bug 242387 - accent color not working on radio input
Summary: accent color not working on radio input
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Apple Silicon) macOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-07-06 07:16 PDT by Oliver Williams
Modified: 2022-07-13 07:17 PDT (History)
2 users (show)

See Also:

Attachments
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 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>