JavaScript/SASS:如何根据输入字段的宽度覆盖GoogleMapsAPI v3自动完成下拉列表的默认宽度?
我有一个问题,即自动完成下拉列表(类为“pac container”的div)总是与输入字段的右侧对齐的4个像素短。如下图所示: 以下是HTML: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自动计算此宽度,并通过内联样式将其应用于下拉列表。我希望它是相同的宽度,并与输入字段对
<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;
}