Facebook按钮在Firefox和Chrome上呈现方式不同

当我使用社交媒体“小部件”，更具体地说是类似Facebook的按钮时，结果不一致。它在不同的浏览器上显示不同

我正在尝试使用这两个小部件的“大”版本。Chromium可以显示推特小部件的大小版本，而不会出现任何问题，但会显示一个完全不同的facebook按钮

乍一看，这似乎不是一个渲染问题，因为显然facebook正在为小部件使用不同的源资产——注意白色的“f”和阳台计数器

这是什么原因造成的？我该如何解决

代码

结果 Firefox（50.1.0 Linux）：

铬（51.0.2704.103俄罗斯软呢帽64位）：

---

Facebook为登录用户和未登录用户推出了新的更新。这就是为什么你会看到不同的按钮。虽然更改这个值是不可能的，但我想到的另一件事是显式地更改默认值并覆盖CSS，即CSS重置

默认值：

还包括：

---

它们在不同浏览器上的显示方式并不不同，如果用户未登录，它们的显示方式也会不同（您可能登录了Chrome浏览器，这就是为什么会发生这种情况）

出于某种原因，Facebook现在在用户登录或未登录时使用不同样式的按钮。整个过程都围绕着这个输入：

<input type="hidden" autocomplete="off" name="new_ui" value="true">

---

，他们只是随手发布信息。：）

使用

布局

属性而不是

数据布局

属性。（试一试）

<input type="hidden" autocomplete="off" name="new_ui" value="true">