html - Firefox OS 不支持按钮的纯背景颜色

Question

我已经在 html 中创建了一个按钮，并使用 css 对其进行了样式设置，如下所示。

<input type="button" class="mainmenu" value="Practice"/>

.mainmenu{
background-color:#FF0000;
}

它在按钮背景颜色为纯红色的所有浏览器上工作正常，但是当它被制作成 Firefox OS 应用程序而不是纯红色作为背景时，我看到按钮的外观为浅红色。我不希望这个按钮像外观一样。如何摆脱它？

这是我在普通浏览器中看到的。

当安装在 Firefox OS 手机或 Firefox OS 模拟器上时

Answer 1

这是因为默认FFOS浏览器的input[type="button"]样式有一个linear-gradient作为背景，这实际上是一个背景- image 属性，因此不会被您的 background-color="#FF0000" 覆盖。

您可以通过将 background-color 更改为 background 来覆盖它。