Bug 242387

Summary: accent color not working on radio input
Product: WebKit Reporter: Oliver Williams <oliverwilliams345>
Component: CSSAssignee: 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   

Oliver Williams
Reported 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
Attachments
Aditya Keerthi
Comment 1 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?
Oliver Williams
Comment 2 2022-07-06 14:17:36 PDT
Mac version 12.4 Release 148 (Safari 16.0, WebKit 17614.1.17.1)
Aditya Keerthi
Comment 3 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)?
Oliver Williams
Comment 4 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.
Radar WebKit Bug Importer
Comment 5 2022-07-13 07:17:36 PDT
Note You need to log in before you can comment on or make changes to this bug.