css - Firefox 按钮中的旋转(使用 css)不起作用,除非光标位于中心。在 Chrome 上运行良好

标签 css google-chrome firefox rotation mozilla

在一个名为“调度程序”的应用程序中,用户应单击一些按钮。

chrome 中,旋转是根据需要执行的,但是在 Firefox 中,如果用户将光标移动到按钮的中心,按钮就会旋转。

糟糕的是,如果用户将光标放在按钮中的其他位置,旋转将开始并且不会完成。

您可以在实际中看到它 here .

似乎该行为受使用的 firefox 版本的影响很大。

但是,在我看来,Firefox 的这个“错误”让我删除了该功能。如果经过这么多时间找到任何替代方案,将受到高度欢迎。

最佳答案

正如 NorthPole 所说:

firefox 26 中,只要光标进入按钮内部,它就会旋转,在 chrome 30 中也是如此。

Demo

但是,许多用户(包括我)正在使用的 firefox 版本存在这种行为,因此我只是删除了该功能。

此外,一些移动用户对此表示强烈提示。

关于css - Firefox 按钮中的旋转(使用 css)不起作用,除非光标位于中心。在 Chrome 上运行良好,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20868762/

相关文章:

google-chrome - 在哪里可以找到 Google Chrome 日志

css - 如何在 visualforce 页面中使文本对齐

css - 定位Div容器

javascript - 如何去除window.find Highlights的backcolor

javascript - 动画在 Chrome 中很流畅,但在 Firefox 中则不然

在 FireFox 中调试 JavaScript

javascript - JSON.parse 在循环对象上不会出错

未应用 CSS 变量

html - 为什么 x-overflow :hidden cause extra space below?

Javascript 效果仅适用于 "Incognito mode"(Chrome)