[iOS] iOS 15 버전에서 웹뷰 화면 개발 시, a태그나 button태그로 작업한 글자의 색이 파란색으로 나오는 문제

문제

네이티브앱(NativeApp) 안에 웹뷰(WebView)로 화면 개발을 했습니다.

그런데 아이폰에서 <a>, <button> 등등 글자가 파란색으로 나오는 문제가 발생했습니다.

원인

디버깅을 해보았더니 iOS 15버전으로 업데이트가 되면서 발생하게 되었는데요.

동일한 문제를 겪으신 분들은 아마 user agent stylesheet에 color 값이 color: -apple-system-blue; 로 들어갔을거에요.

 

user agent stylesheet

해결

명시적으로 color 의 값을 지정해주었더니 해결이 되었습니다.

 

 

 

iOS 15 버전에서 웹뷰 화면 개발 시, a태그나 button태그로 작업한 내용이 파란색 글자로 나오는 문제.

Text in HTML Buttons is blue on iOS 15.