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

Question

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

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

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

看看是否有帮助

谢谢。

public static void FiboNacci (int x) {
    //assign the variables
    int  t1 = 0, t2 = 1; int sum=0;
    //for loop to initalize and begin the sequence
    for (int i = 0; i < x; i++) {
        //creating the fibonacci
        int fib = t1 + t2;
        //conditions to find the sum of all of the evens specifically
        if (fib % 2 == 0){

            // creating the counter that is less than the user input,
            // which won't exceed the limit.
            if (fib < x){
                sum = sum + fib;
            }
        }
        t1 = t2;
        t2 = fib;
        // to ensure and set a limit on the fibonacci not running
        // ahead of the user input
        if (fib > x){
            break;
        }
    }
    System.out.println(sum);
}

Answer 1

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

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

Answer 2

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

.st-count{
    color: #fff;
}

Answer 3

您在哪里使用插件？如果您完全可以访问任何CSS，则应该可以在插件中使用的类中添加样式。

尝试做

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

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

我已经使用相同的插件在另一页上尝试了此方法，它确实起作用。

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