2013-03-10 3 views
0

GMap의 자동 완성 메소드에 대한 초보자 용 코드 (Mano Marks/Google)를 사용했습니다. 이제는 모든 것이 잘 작동하지만 입력란에 맞게 자동 완성 상자에서 제안 된 문자열의 색을 변경하는 방법을 모르겠습니다. 기본 색이 흰색 인 것처럼 보이기를 원합니다.자동 완성 입력란의 텍스트 색상을 변경하는 방법 (GMaps API v3)

누군가 그 색상을 변경하는 방법을 알고 있습니까? 고마워.

HTML: 
Suche:<input type="text" id="autocomplete" size="40" /> 
...... 
JS: 
//Autocomplete 

var acOptions = { 
    types:['establishment'], 

}; 
var autocomplete = 
new google.maps.places.Autocomplete(document.getElementById('autocomplete'),acOptions); 
autocomplete.bindTo('bounds',map); 
var ac_iw = new google.maps.InfoWindow(); 

var ac_marker = new google.maps.Marker({ 
    map: map 
}); 

google.maps.event.addListener(autocomplete,'place_changed',function(){ 
    ac_iw.close(); 
    var place = autocomplete.getPlace(); 
    if(place.geometry.viewport){ 
     map.fitBounds(place.geometry.viewport); 
    } 
    else{ 
     map.setCenter(place.geometry.location); 
     map.setZoom(17); 
    } 

ac_marker.setPosition(place.geometry.location); 
ac_iw.setContent('<strong>' + place.name + '</strong><br/>'); 
ac_iw.open(map,ac_marker); 
google.maps.event.addListener(ac_marker,'click',function(){ 
    ac_iw.open(map,ac_marker); 
    }); 

}); 

답변

1

가 AFAIK 제안에 대해 설정된 특별한 텍스트 색이 없다 : 다음은 코드입니다. 그러나 CSS 선택기

.pac-container * 

...을 사용하여 맞춤 스타일을 적용 할 수 있습니다.

+0

흰색 텍스트는 gmaps 자동 완성 객체의 기본값입니다. – user1953346

+1

즉, 흰색 텍스트 색상은 작성자 CSS (페이지에 정의 된 CSS) 또는 사용자 CSS (브라우저에 정의 된 기본 스타일)의 결과 여야합니다. –

+0

아, 감사합니다. 자동 완성 상자가 body 태그의 텍스트 색상을 상속하는 것 같습니다. – user1953346

관련 문제