如何用你自己的CSS覆盖cloudmade maps css?

时间:2013-07-20 18:34:04

标签: css scrollbar override zoom cloudmade

如何使用您自己的CSS覆盖cloudmade maps css。我将地图的代码嵌入到我的网站,并显示地图,但在地图上是我的右下角和缩放滚动条。我不介意学分,但我想删除该缩放卷轴。我试过用css:display:none;关于cloudemade的风格,但没有帮助。如何把我的CSS放在他们的身上?

以下是 HTML 代码:

<div id="yjsg6" class="yjsg_grid yjsgsitew">
    <div id="user16" class="yjsgxhtml only_mod" style="width:100.00%;">
        <div class="yjsquare ">
            <div class="yjsquare_in">
                <div class="Flexible-container">
                    <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.cloudmade.com/iframe?&amp;lat=45.8122871952285&amp;lng=15.97111701965332&amp;zoom=14&amp;styleId=102945"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>

所有CSS代码都在此link

谢谢!

1 个答案:

答案 0 :(得分:0)

这个黑客有效:

#yjsg6 {
  margin-left: -50px;
}

您不能影响iframe的内容,因为它来自不同的来源。应该可以影响iframe样式,但这似乎还没有实现。