Flexbox按鈕：適用於Chrome和Edge，在FF中打破

Question

我有一個按鈕，它使用Flexbox內部進行佈局。這在Chrome和Edge中完美運行。

在Firefox中，它看起來是這樣的：

Answer 1

在一些broswers而不是使用喜歡的東西：display: flex;，你需要使用：display: -webkit-flex;

還有其他的解決方法，其你可以從Google獲得，但我使用css-tricks來處理我不確定的特定領域。

前段時間我有這個確切的問題，webkit擴展將正常工作。你可以在display: flex;以上添加它，它不會發生衝突。

更新：對於Firefox嘗試添加：display: -moz-box;