如何更新基本 ngx 令牌组件的边框颜色

how to update the border color for fundamental ngx token component

我正在尝试在我的 angular 项目中使用基本的 ngx 令牌组件 (https://sap.github.io/fundamental-ngx/#/core/token)。默认边框是灰色的,我想把它改成绿色。我尝试按如下方式应用样式:

<fd-token class="green-border">Bibendum</fd-token>

.green-border {
   border: 2px solid green; 
}

但是没用。请帮我。谢谢。

您可以使用 class fd-token 覆盖内部跨度的边框颜色,如下所示:

fd-token .fd-token {
    border: 2px solid green !important;
}