Html Firefox操作系统不支持按钮的纯背景色

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

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

.mainmenu{
background-color:#FF0000;
}

.主菜单{
背景色：#FF0000；
}

它在所有浏览器上都可以正常工作，按钮的背景色为纯红色，但当它被制作成Firefox OS应用程序而不是纯红色作为背景时，我看到按钮状外观的浅红色。我不想要这个纽扣式的外观。如何摆脱它

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

安装在Firefox OS手机或Firefox OS emulator上时

你试过了吗

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

---

这将删除输入按钮的本机样式。

这是因为默认FFOS浏览器的

输入[type=“button”]

样式具有

线性渐变

作为背景，这实际上是

背景图像

属性，因此不会被

背景色=“#FF0000”

覆盖

---

您可以通过将

背景颜色

更改为

背景

来覆盖它。您可能需要删除设置的其他样式，例如边框。通过删除边框，它应该禁用按钮样式视图。这并不能解决问题。主菜单{background color:#FF0000；border:none；color:#FFFFFF；}您是否尝试过用

代替

？不管怎样还是比较好。将

更改为

还是一样。