[CSS] 카카오 인앱브라우저 IOS의 경우 스타일 안먹는 문제

문제

카카오 인앱브라우저 IOS환경에서 스타일 안먹는 문제가 발생했다.
버튼이 아예 노출되지 않는 현상, a태그가 파란색으로 보이는 현상 등

특이사항

보이지는 않으나 클릭시 정상작동 함 (스타일 문제로 추정)
PC웹에서는 모든 브라우저에서 정상작동
IOS, 안드로이드 웹에서는 정상작동
인앱브라우저 > IOS에서만 정상출력되지않음

해결방법

Xcode 시뮬레이터 IOS 특정 단말을 띄워서 사파리 개발자도구로 원인분석
사파리 환경설정 > 고급 > 메뉴에 개발자모드 노출후 시뮬레이터와 연동
원인은 스타일을 직접 명시하지않으면 초기값을 상속받지 못함. (스타일 누락)
스타일을 빠트리지않고 직접 명시해준다 (color 기본값을 가져오지 못한 케이스)

고급 탭 하단 메뉴막대에서 개발자용 메뉴 보기

잘해결되었다.