css - 按钮在 Firefox OS 模拟器上显示不同

Question

发生这种情况的原因可能是什么？

在FFOS模拟器1.3中是这样的:

当我在 Windows 7 桌面上测试我的应用程序时，它看起来像这样，这就是我缩进的内容:

不确定 FFOS 中的灰色阴影来自何处。

这是我使用的 CSS:

height: 3.2rem;
width: 3.2rem;
border-radius: 50%;
color: #7CB8D4;
border: 0.1rem solid #7CB8D4;
background-color: #E7F7FF;
outline: none;
line-height: 30%;
margin-right: 1rem;
font-weight: normal;
cursor: hand; 
cursor: pointer;
display: inline-block;

我该如何解决这个问题？

Answer 1

我相信这是与 https://bugzilla.mozilla.org/show_bug.cgi?id=958999 相同的错误并且基于使用背景图像的默认 Firefox OS 按钮样式尝试添加:

background-image: none;

顺便说一句，您可以查看开发人员工具中的计算样式来了解这一点。