Css wordpress页面中的Google地图样式问题

我在wordpress页面中放置谷歌地图时遇到了一个奇怪的问题——缩放滑块似乎只有一半可见，请参见图片 我认为这与wordpress的样式覆盖谷歌地图css有关，有人知道如何解决这个问题吗

提前谢谢

编辑： 对于任何有相同问题的人，我在这里找到了解决方案：

---

仅仅通过看这张图片很难弄清楚这里发生了什么。最好的做法是提供一些CSS、一个JSFIDLE链接或指向有问题页面的链接

我建议使用Firebug之类的工具，或者Chrome的web开发者工具。然后，针对有问题的元素，检查添加了什么类型的CSS属性，这会改变元素的显示方式。然后，您可以使用自己的覆盖，使用！重要，以便它们优先于现有的

例如，假设您得到如下属性：

img {
    padding: 5px;
}

#someelement {
    padding: 0;
}

这将为页面中的所有图像添加5px填充。为了更改特定元素的属性，您可以尝试将其作为目标，并使用！重要规则。假设元素的ID为someelement。然后，您可以像这样更改有问题的属性：

img {
    padding: 5px;
}

#someelement {
    padding: 0;
}

我们不需要！在上面的示例中很重要，因为ID上设置的属性比小部件类型上设置的属性具有更大的特殊性。如果要覆盖页面中所有图像的此规则，可以执行以下操作：

img {
    padding: 5px !important;
}

这个！这里需要重要标志，因为您的规则与原始规则具有相同的特殊性

对于CSS优先规则，包括特殊性和！重要信息，请点击此处：

Chrome开发者工具已经与Chrome捆绑在一起。对于Firefox，您可以在以下位置获得Firebug：

嗯,你回接到这个问题