카카오맵 넣은 div 영역 배경색과 글자색 변경이 안되는데 코드 한번만 봐주세요. ㅎㅎ

div id=“daumRoughmapContainer1605765011759” class=“root_daum_roughmap root_daum_roughmap_landing” style=“background-color:white”></div

script charset=“UTF-8” class=“daum_roughmap_loader_script” src=“https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js”></script

script charset=“UTF-8”>
new daum.roughmap.Lander({
“timestamp” : “1605765011759”,
“key” : “2324a”,
“mapWidth” : “650”,
“mapHeight” : “400”
}).render();
</script

여기까지가
카카오맵 약도넣기로 만들어진 html 소스입니다. 그대로 붙여넣었는데.

문제해결의지
처럼 웹페이지 바탕이 검은색이여서 그런지.
약도를 제외한 나머지 문구와 배경색이 전부 검은색으로 표기 됐습니다.

따라서

div id=“daumRoughmapContainer1605765011759” class=“root_daum_roughmap root_daum_roughmap_landing” style=“background-color:white”></div

캡처

해당 div 에 백그라운드칼러를 화이트로 줬습니다.
다행히 이젠 검은색에서 흰색으로 표시돼서 문구와 숫자들이 보이긴 하는데.
질문) 해당 영역의 글자색만 흰색으로 표시 할 수 있는 방법이 없을까요?

div id=“daumRoughmapContainer1605765011759” class=“root_daum_roughmap root_daum_roughmap_landing” style=“color:white; background-color:black”></div

로 시도해 보았습니다.

이렇게 하면
해당 영역도 검은색, 글자색도 거의 검은색으로 나오는 첫번째 문제로 돌아가게 되네요.

문제해결의지

긴 글 읽어주셔서 감사합니다.

style.css 에도 딱히 뭐 설정해둔게 없는데
왜 안되는지 이해가 잘 안갑니다 ㅎㅎ

위쪽에 코드는 style.css 에는 안먹혀서
직접 해당 html dvi 쪽에 넣어주었습니다. 감사합니다.

개발자 도구에서 Element 탭으로 해당 객체를 선택해보면
각각에 스타일 값이 들어가 있어 color 값을 강제시켜줘야 합니다.

모든 요소에 대해 색상을 white로 강제하는 스타일을 선언해주세요.

<style>
    * {  color: white !important; }
</style>

lea.ju 님 정말 감사합니다.

하도 초심자라 해당 스타일 태그를 어느쪽 div 에 넣어야 할지 고심하다가.

해당 html 파일 속
div 앞에

style
* { color: white !important; }
/style
div id=“daumRoughmapContainer1605765096139” class=“root_daum_roughmap root_daum_roughmap_landing”></div

이렇게 붙여줬더니
생각한 대로 잘 나오네요

정말 감사합니다 잊지 않고 꼭 기억해두도록 할께요

다시 한번 감사의 말씀 드리고
좋은 주말 보내시길 바라겠습니다 :slight_smile: