一些Css样式表选择器仅在Firefox上对我的响应主题生效

我安装了一个响应主题，我使用Firefox的FireBug更改了我网站某些部分的颜色，所有内容都在Firefox上完美运行。但当我第二次看到谷歌浏览器、IE浏览器和我的手机时，一切看起来都糟透了。主要是标题小部件标签，因为它们不应该是红色的。 我认为这是什么没有影响（是背景没有影响）？：

---

我不明白为什么这不起作用？我还查看了我的主题的原始样式表，但找不到任何东西可以为我的子主题添加正确的方向？

也为所有其他浏览器添加线性渐变

#secondary .widget_fearless_tabs .headings a:hover {
background: -moz-linear-gradient(center top , #FFFFFF, #F6F6F6) repeat scroll 0 0       padding-box rgba(0, 0, 0, 0) !important;

//适用于所有其他浏览器

background: -o-linear-gradient(center top , #FFFFFF, #F6F6F6) repeat scroll 0 0       padding-box rgba(0, 0, 0, 0) !important;  
border: 1px solid #E0E0E0 !important;
border-radius: 1px !important;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.9) inset !important;
color: #40516D !important;
}

---

-令人惊讶的是，moz只在mozilla中工作。如果为每个其他浏览器包含渐变，它将在每个其他浏览器中工作

---

我总是用它来创建代码，这样我就不会忘记一些东西。

这是Firefox，不是Firefox:-）哇，非常感谢你的回答，我的下一个问题是关于以下方面的：1）这段代码看起来像这样吗？2.）如果是这样的话，这是否意味着每次我在我的子主题的选择器中添加背景时，我都应该去colorzilla，在每个选择器背景中添加漂亮的额外css块，这样我就可以覆盖所有浏览器？这是正确的方法吗？我所指的新代码，我贴在下面作为答案

background: -o-linear-gradient(center top , #FFFFFF, #F6F6F6) repeat scroll 0 0       padding-box rgba(0, 0, 0, 0) !important;  
border: 1px solid #E0E0E0 !important;
border-radius: 1px !important;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.9) inset !important;
color: #40516D !important;
}