css - 一些Css样式表选择器仅在响应主题上对Firefox起作用

我已经安装了响应主题，我使用了来自firefox的FireBug来更改网站某些部分的颜色，并且一切在Firefox上都能正常运行。但是第二次我在Google chrome，Internet Explorer和我的Phone上都显得异常糟糕。通常是标题小部件标签，因为它们应该不是红色的。
我认为这是什么没有影响（背景是没有影响）？ ：

#secondary .widget_fearless_tabs .headings a {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)) repeat scroll 0 0 #333333 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.5) !important;
    color: #CCCCCC !important;
    display: block !important;
    font-size: 1.3rem !important;
    margin: 0;
    outline: 0 none;
    padding: 0.9em 0;
    text-align: center;
}

button:hover, .flexslider .category-label, .layout-module .widget-title > span, .pagination a:hover, .pagination .current, #primary-navigation .menu li.current-menu-item, #primary-navigation .menu li.current-menu-ancestor, #primary-navigation .menu li.current_page_item, #primary-navigation .menu > li:hover, #primary-navigation .menu > li.sfHover, #primary-navigation .menu ul a:hover, #primary-navigation .menu ul li.current-menu-item a, .review-box .heading, #searchform #searchsubmit:hover, #secondary .widget_fearless_tabs .headings a.active, section.top-reviews .review-column-1 h2, .sidebar-primary .widget-title, .wpcf7-submit:hover {
    background: -moz-linear-gradient(center top, #FEFEFE, #F4F4F4) 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: #182945 !important;
}

/* This changes colors of hover secondary widget headings like review widget */
#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;
    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中起作用。如果您为其他所有浏览器都包含渐变，则它将在其他所有浏览器中运行。

我总是使用http://www.colorzilla.com/gradient-editor/来创建代码，所以我不会忘记任何东西。