传单控制层在一个页面中正确显示,并且不会在其他页面中显示相同的代码

时间:2016-01-16 17:33:09

标签: twitter-bootstrap leaflet bootstrap-modal

我正在尝试在我的网站中使用Leaflet图层,因此我在页面Working Page中进行了测试,这非常合适。所以我将代码复制到我的原始网站Not Working Page,并尝试运行它,但控制层似乎与测试页面中的相同。请帮助我,以便我可以像在工作测试页面中一样正确使用它。

1 个答案:

答案 0 :(得分:0)

style.css文件的第105行,您将对页面上的所有输入元素进行全局样式设置,这些元素会干扰Leaflet的图层控制。如果你删除宽度和高度规则,它就可以了:

input {
  width: 85%;
  height: 100%;
  padding: 10px;
  background-color: transparent;
  color: rgba(255,255,255,1);
  border: none;
  font-family: "Myriad Set Pro";
  font-size: 1.1em;
}

您应该考虑使用元素ID或CSS类在所选元素上应用样式。如果您谷歌搜索“如何将CSS应用于HTML”,您可以在下面找到许多类似这样的教程。它将使您免于遇到类似这样的事情,因为您可以仅将样式应用于您指定的元素。

http://www.htmldog.com/guides/css/intermediate/classid/