next.js - 如何更改面包屑上分隔符的颜色

Question

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

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

      </Breadcrumbs>

“›”我怎么改变这个分隔符上的红色。我该怎么做？

标签： next.jsbreadcrumbs

Answer 1

在检查中，您有隐藏的 Breadcrumbs li 元素，并且您有类 MuiBreadcrumbs-separator并且您可以使用全局样式的类，并且像这样让我们说：

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