css - 如何更改自动完成输入框的文本颜色(GMaps API v3)

标签 css google-maps-api-3

我使用了关于 GMaps 自动完成方法的初学者教程(由 Mano Marks/Google 编写)的代码。现在一切正常,但是我不知道如何更改根据我的输入字段调整的自动完成框中建议字符串的颜色 我想这样做是因为默认颜色似乎是白色!!??

有人知道如何改变那种颜色吗!多谢。 这是代码:

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);
  });

 });

最佳答案

据我所知,建议没有特定的文本颜色设置。但是,您可以使用 CSS 选择器

.pac-container *

... 应用自定义样式。

关于css - 如何更改自动完成输入框的文本颜色(GMaps API v3),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15324980/

相关文章:

javascript - 为什么 bootstrap 网格类会阻止我的 highchart 图表呈现?

google-maps-api-3 - GMaps API V3 - 多个标记和信息窗口

javascript - 使用谷歌地图删除 GPolylines

css - ul 和 li 将 div 推错位

javascript - 聚合物谷歌地图 - 绘制形状

google-maps-api-3 - 如何保存 map 绘制状态(多边形、折线、标记)

javascript - DocumentFragment 和 Google map

php - 从 php mysql 数据库添加三级子菜单

css - 2个高度相同的DIV容器

jQueryUI 自动完成 - 将搜索结果与 DOM 中的输入相邻放置