Chrome에서 내 CSS 선택기를 무시하는 이유는 무엇입니까? 다음 페이지 <a href="http://ada.kiexpro.com/test2/map.html" rel="noreferrer">http://ada.kiexpro.com/test2/map.html</a> 에서

Question

나는 추가 :

white-space: normal; 

는 구글 맵 API에서 우리를오고 저작권 텍스트를 바꿈. 그것은 FF와 IE하지만 크롬에서 작동 는 CSS 선택기를 무시하는 것 같다

global.css :

#cm_map span { 
white-space: normal !important; 
} 

Answer 1

구글이 저작권 내용을 둘러싼 인라인 스타일 익명 DIV있다. 내가 볼 수있는 훅은 "logocontrol"div의 형제라는 것입니다. 재정의하려면 다음과 같이 시도하십시오.

#cm_map #logocontrol + div[style] { 
    left: auto !important; 
    line-height: 13px; 
    right: 5px; 
    bottom: 6px !important; 
    white-space: normal; 
    width: 95%; 
} 

철저히 테스트하지는 않았지만이 방법이 효과가 있습니다.

Answer 2

이것은 Chrome의 버그 일 수도 있습니다. white-space normal !important은 nowrap을 덮어 쓰지 않습니다.

이 나는 ​​그들이 completely ignoring a more important issue since 2009을왔다 방법에 http://code.google.com/p/chromium/issues/detail?id=89573에서이 버그를보고 있지만 기반으로 한,이 고정되는 작은 희망을 가지고있다.