Bulma-如何使用一个助手更改导航栏上所有链接的文本颜色？

编程问答 2022-06-14

问题描述

在布尔玛，如何一次更改多个项目的文本颜色？

也就是说，我的视力较低，我想将导航栏上的所有文本更改为黑色，而不是较暗的灰色。

我是Bulma的新手，到目前为止，我可以使用“ has-text-black”帮助程序，但必须将它们添加到每个链接中。

<nav id="navbarMain" class="navbar is-spaced" role="navigation" aria-label="main navigation">
    <div class="container">
        <div class="navbar-brand">
                <a class="navbar-item is-size-4 has-text-black" href="/">
                    <span class="icon is-large is-circle">
                        <i class="fas fa-cube has-text-primary fa-lg"></i>
                    </span>&nbsp;
                    My Site
                </a>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarMenu">
  <span aria-hidden="true"></span>
                <span aria-hidden="true"></span>
                <span aria-hidden="true"></span>
            </a>
        </div>
        <div id="navbarMenu" class="navbar-menu">
            <div class="navbar-start">
                 <a class="navbar-item has-text-black" href="/about/">
                            <span class="icon has-text-link">
                                <i class="fas fa-info-circle"></i>
                            </span>&nbsp;
                        About
                    </a>

....

我希望将助手添加到包含导航栏链接项的一个div或容器中的类中的某个位置，但这似乎不起作用。

我查看了自定义文档，并尝试设置$ text：black;但这也不起作用。

是否可以将部分或容器中的所有灰色文本颜色设置为黑色？

而且，如何设置/自定义全局或站点范围内的文本颜色，从灰色变为黑色（或其他颜色）？

（否则，是否有所有颜色变量的详细说明以及如何以正确的顺序进行修改？）

先谢谢了。 拉尔夫

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

colorscustomizationhelperhelper