JavaScript/SASS:如何根据输入字段的宽度覆盖GoogleMapsAPI v3自动完成下拉列表的默认宽度?

JavaScript/SASS:如何根据输入字段的宽度覆盖GoogleMapsAPI v3自动完成下拉列表的默认宽度?,javascript,css,google-maps,google-maps-api-3,sass,Javascript,Css,Google Maps,Google Maps Api 3,Sass,我有一个问题,即自动完成下拉列表(类为“pac container”的div)总是与输入字段的右侧对齐的4个像素短。如下图所示: 以下是HTML: <input id="autocomplete" size="50" placeholder="Enter your address" type="text"></input> 以下是JSFIDLE代码段: Google Maps API自动计算此宽度,并通过内联样式将其应用于下拉列表。我希望它是相同的宽度,并与输入字段对

我有一个问题,即自动完成下拉列表(类为“pac container”的div)总是与输入字段的右侧对齐的4个像素短。如下图所示:

以下是HTML:

<input id="autocomplete" size="50" placeholder="Enter your address" type="text"></input>
以下是JSFIDLE代码段:


Google Maps API自动计算此宽度,并通过内联样式将其应用于下拉列表。我希望它是相同的宽度,并与输入字段对齐。输入字段的宽度可以根据大小属性而变化,因此使用!重要规则不起作用。任何帮助都将不胜感激,谢谢

尝试将“在pac容器上”的框大小更改为“在内容框上”

.pac-container {
  box-sizing: content-box;
  padding-right: 4px;
}

.pac-container {
  box-sizing: content-box;
  padding-right: 4px;
}