我正在嘗試對谷歌地圖自動完成下拉菜單應用自定義樣式:

import { Autocomplete } from '@react-google-maps/api';
<Autocomplete>
    <input />
</Autocomplete>

我希望下拉列表出現在離輸入框可變距離的地方。考慮以下場景:

Google Maps風格的出發地和目的地輸入，下拉菜單出現在離屏幕頂部絕對距離的位置:

___input #1
___input #2

[Dropdown]

頁面底部的輸入框(相對樣式)

___input

[Dropdown]

如果下拉列表是絕對的，那么下拉列表將覆蓋場景#2的輸入框，而不是出現在它的下面，所以我想應用自定義樣式來控制上邊距樣式

我感興趣的默認類名是。pac-container{ }，我可以用！重要的標簽，但是它位于父組件之外，所以我不能對它應用CSS-in-JS樣式。此外，由于我使用的是NextJS，我不能導入本地CSS文件

注意:在DOM樹中。pac-container和__next div容器在同一層

任何建議都是值得贊賞的，請讓我知道我是否可以增加清晰度