如何在 nb-user 标签内更改 Nebular 中的样式？

Question

我试图更改 nb-user 标签的字体粗细和边框半径，但没有成功。我试图添加一个 class 并从 .scss 更改它，但什么也没发生

这是HTML

<div class="teachers-box" *ngFor="let user of usuarios">
      <nb-user
        size="medium"
        name="{{ user.name }}"
        color="#d8d8d8"
        onlyPicture
        class="teacher-box"
      >
      </nb-user>
    </div>

这是.scss classes

.teachers-box {
  margin-left: -13px;
}

.teacher-box {
  font-weight: bold;
  border: solid 2px #ffffff;
}

老师盒子，也就是 nb-user 标签内的那个盒子不工作。 这不起作用

这是可行的，但我是在浏览器中编写的。我必须把它写在文本编辑器中看不到的标签中

Answer 1

您需要直接定位 nb-user。

.teachers-box nb-user {
   margin-left: 13px;
}

另一个更细化的例子

.teachers-box nb-user .user-name,
.teachers-box nb-user .user-title,
.teachers-box nb-user .user-picture,
.teachers-box nb-icon {
  some css here...
}

如何在 nb-user 标签内更改 Nebular 中的样式？

How to change styles in Nebular inside a nb-user tag?

css

angular

nebular