我正在我的網站上顯示 uMap 地圖。這里是 ：
<iframe id="umapiframe" class="iframe-umap" width="100%" height="300px" frameborder="0" allowfullscreen src="//umap.openstreetmap.fr/fr/map/agroavenir_665397?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=none&captionBar=false"></iframe>
它實際上看起來很不錯，除了我真的想在里面更改一些 CSS。在這里，我想將導航按鈕替換為除頂部/左側之外的底部/右側角：
如您所見，在第二張圖片中，我已經能夠區域修改 CSS 以查看潛在結果，這實際上正是我想要的！
但是該元素實際上位于 iframe 檔案中，通過它，我無法在我的 css 檔案中訪問我想要訪問的元素。
沒能把這種東西永久化，完美地展現在我面前，我有點沮喪……
有沒有辦法通過 CSS 選擇器到達這個 iframe 的內部？或者，通過另一種方式，將這些元素移動到另一個角落？
謝謝閱讀
uj5u.com熱心網友回復：
據我所知，使用 CSS，您只能選擇同一檔案中的類，而 iframe 是一個全新的檔案，所以答案是您不能。也許您可以嘗試使用 javascript 來定位它。
代碼示例：
document.querySelector('iframe').contentDocument.body.querySelector('#some-element').style.background-color = 'red';
來源：https : //www.py4u.net/discuss/1050889
uj5u.com熱心網友回復：
您可以使用以下代碼獲取 iframe 中的元素：
const iframe = document.querySelector(/**iframe selector**/)
iframe.contentWindow.document.querySelector(/**element selector**/)
然后用 js 設定樣式。
相關問題：
如何使用 document.getElementById 在 iframe 中選取元素
從 iFrame 中獲取元素
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/313497.html
標籤：javascript css 谷歌地图 内嵌框架 选择器