在Wordpress插件中覆盖CSS背景图像

Question

我正在尝试删除AddToAny Wordpress插件的默认背景图片图标。正如您在下面的URL中看到的那样，蓝色图标希望被黑色齿轮取代。问题是蓝色图标是由内联样式引入的，插件中有一个！important声明。 ：（

他们的内联代码：

.a2a_dd.addtoany_share_save {
    background: url(http://www.dlillianphotography.com/staging/wp-content/plugins/add-to-any/favicon.png) no-repeat scroll 4px 0px !important;
}

我的代码，希望嵌套/层次结构会有所帮助：

.social .row:first-of-type .addtoany_list .a2a_dd.addtoany_share_save {
    background: #fff !important;
}

感谢您的阅读。

Answer 1

你可以用jQuery

来做

('.a2a_dd.addtoany_share_save').removeAttr( "style" );

然后你的风格将起作用

Answer 2

您可以使用.setProperty（）

来完成

  $(document).ready(function(){
     $('.a2a_dd.addtoany_share_save').each(function () {
        this.style.setProperty( 'background', '#fff', 'important' );
     });
  });