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

Question

我在 html 中创建了一个按钮，并使用 css 设置了如下样式。

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

.mainmenu{
background-color:#FF0000;
}

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

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

在 Firefox OS phone 或 Firefox OS 模拟器上安装时

Answer 1

你试过了吗

.mainmenu{
    background-color:#FF0000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

这应该删除输入按钮的原生样式。

Answer 2

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

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

Plain background colour for buttons is not supported by Firefox OS