使用javascript显示/隐藏基于浏览器的两个div

Question

我在自己的div中有2个wufoo表单，我需要根据浏览器显示/隐藏每个表单。我需要在chrome中显示一个并在firefox中显示另一个。我最好喜欢在javascript中这样做。有什么想法吗？

Answer 1

在CSS中你可以过滤Firefox，但我不知道只有chrome。

.ffbrowser {
  display: none;
}

@-moz-document url-prefix() {
  .anybrowser {
    display: none;
  }
  .ffbrowser {
    display: initial;
  }
}

<form class="anybrowser">
  <label>any browser but Firefox</label>
</form>
<form class="ffbrowser">
  <label>Firefox</label>
</form>