如何更改按钮上计数器的颜色？答案

【问题标题】：How can I change the color of the counter on a button?如何更改按钮上计数器的颜色？
【发布时间】：2019-03-08 03:52:31
【问题描述】：

我需要帮助更改按钮上的数字计数器的颜色，有什么方法可以做到吗？一个网站提供了一组反应按钮的免费代码，但他们默认设置的数字计数器颜色是灰色的，我试图让它更加突出，所以我试图将其更改为白色。我联系了他们，问他们是否有定制柜台颜色的选项，他们告诉我他们目前没有这个选项，所以我想看看是否有办法输入一些代码来把那个白色放在柜台上。

我无法访问 css 样式标签，只能访问我在下面提供的 HTML 代码。这可能使这变得更加困难或不可能。只是看看是否有人知道实现这一目标的方法。

我将粘贴下面的代码，但我认为它不会渲染，只使用照片作为视觉参考。

看看能不能帮上忙

谢谢。

&lt;div class="sharethis-inline-reaction-buttons"&gt;&lt;/div&gt;

【问题讨论】：

标签： javascript html button colors

【解决方案1】：

你在哪里使用插件？如果您可以访问任何 CSS，您应该能够将样式添加到插件中使用的类。

尝试做

.st-count {
    color: white !important;
}

将其添加到将在同一页面上加载的任何位置。如果您有权访问加载在该页面上的 CSS 文件，请将其添加到那里。如果您有权访问页面的 HTML，请添加 <style></style> 标记并将其添加到其中。如果您在 Wordpress 中使用它，您甚至可以将其添加到主题的 CSS 中，只要它位于与您的插件同时加载的位置。

我已经在另一个页面上使用相同的插件进行了尝试，它确实有效。

使用!important 标记通常是不好的做法，但如果您没有更直接的CSS 访问权限，那么您无能为力。仅仅使用color: white 是行不通的，因为插件会覆盖它。

【讨论】：

这成功了！我将我的代码放入自定义 HTML 中，并将您的代码放入该特定页面的页面构建器上的 CSS 中，这样就成功了。谢谢迈克尔。

【解决方案2】：

尝试将以下内容添加到您的 CSS。将颜色更改为您想要的任何颜色。 .st-count 类控制数字的样式。

.st-count{
    color: #fff;
}

【讨论】：

我无法访问 css 样式标签，我只能访问我提供的 html 代码。感谢您的输入。

【解决方案3】：

你可以简单地给标签添加一个白色的样式颜色属性。这通常在 css 样式标签中完成，但这取决于您可以访问的内容。我也给了背景颜色，以便您可以看到它：

&lt;div class="sharethis-inline-reaction-buttons" style="background:rgba(0,0,0,0.9); color:white;"&gt;0 1 2 3 4 5&lt;/div&gt;

【讨论】：

我无法访问 css 样式标签，我只能访问我提供的代码。我继续尝试这种方法，但没有奏效。感谢您的输入。
我也可以证实这样做，即使你添加!important，也不适用于这个插件。