html - 按钮中的 Font Awesome 微调器在 Firefox 中不起作用

Question

我正在尝试在按钮中使用字体超棒的微调器图标，但它似乎在 Firefox 浏览器中不起作用。但是它在 chrome 浏览器中工作。

有趣的是 font awesome spinner 似乎可以在按钮外独立工作，但不能在按钮内工作。

这是我的 fiddle ，供您使用 http://jsfiddle.net/ngLqoqyo/ 进行测试

我在想可能兼容的 css，但到目前为止找不到。

这是我应用的 CSS:

.load-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

Answer 1

您还可以使用 -moz-animation 属性。请在此处查看更新的代码:http://jsfiddle.net/ngLqoqyo/1/