如何更改面包屑上分隔符的颜色答案

【问题标题】：How to change color of separator on Breadcrumbs如何更改面包屑上分隔符的颜色
【发布时间】：2021-05-27 16:18:46
【问题描述】：

 <Breadcrumbs separator="›" aria-label="breadcrumb">
        <Link href="/recipes/" >
          recipes

        </Link>
        <Link href='/recipes/bread/'  >
          bread
        </Link>
        <Link href='/recipes/bread/quickbrad'  >
          quick bread
        </Link>

      </Breadcrumbs>

"›" 我在这个分隔符上改变红色的颜色。我能怎么做那个？

【问题讨论】：

标签： next.js breadcrumbs

【解决方案1】：

在 CSS 中添加：

.breadcrumb:before{
        color: //your_color;
        }

【讨论】：

从'../styles/Breadcrumbs.module.css'导入样式面包屑

【解决方案2】：

如果你有面包屑 li 隐藏的元素，你有 类 MuiBreadcrumbs-separator 并且你可以把这个类放在全局样式上，像这样让我们说：

.MuiBreadcrumbs-separator{
  color: red;
  font-size: 25px;
  position: relative;
  top: -2px;
  }

【讨论】：