添加此共享插件模式的自定义样式答案

【问题标题】：Custom styling of Add This share plugin modal添加此共享插件模式的自定义样式
【发布时间】：2014-12-08 16:24:09
【问题描述】：

我将Add This plugin 用于一个简单的共享小部件，我需要根据设计规范应用自定义 CSS 来设置模式样式。我正在尝试使用属性 ui_use_css (documentation here) 来阻止 Add This 添加自己的 CSS，以便模态框继承我创建的样式。我是这样做的：

<script type="text/javascript">
    var addthis_config = {
        ui_use_css: false
    };
</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=baaqmd" async="async"></script>

问题是当我添加这个配置属性时，插件不再将小部件按钮插入到 DOM 中。有没有人使用过这个插件并添加了自定义样式来自定义弹出的模式？如果是这样，您使用了什么方法？为什么这个属性会阻止插件运行？

【问题讨论】：

我尝试重现您所经历的，代码似乎隐藏了工具栏，但显示了按钮：codepen.io/anon/pen/jEWZGW。我希望它会有所帮助......

标签： css modal-dialog customization addthis

【解决方案1】：

仪表板配置工具不支持阻止我们的 CSS。你最好的办法是使用你自己的 CSS 和 !important 标志来覆盖任何太粘的规则。

请注意，AddThis 不正式支持 CSS 覆盖。

【讨论】：