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相同的错误 并使用background-image基于默认的Firefox OS Button样式 尝试添加：

background-image: none;

顺便说一句，您可以查看开发人员工具中的计算样式来查看此内容。