我正在使用角4,我正在使用Angular Material.
<md-tab-group [disableRipple]=true>
<md-tab label="Tab 1"></md-tab>
<md-tab label="Tab 2"></md-tab>
</md-tab-group>
如何(未选择/选择),文本颜色等我可以完全自定义背景颜色.我已经尝试过使用伪类......但仍无济于事.---我已font-size成功设置,但文本颜色设置时有点紧张.请帮忙.
更新:
我已经尝试在选中后将背景更改为透明...当在选项卡中未选择链接时尝试覆盖颜色等等但仍然无法正常工作.
/* Styles go here */
.mat-tab-label{
color:white;
min-width: 25px !important;
padding: 5px;
background-color:transparent;
color:white;
font-weight: 700;
}
/deep/ .mat-tab-label{
min-width: 25px !important;
padding: 5px;
background-color:transparent;
color:white;
font-weight: 700;
}
.md-tab.ng-scope.ng-isolate-scope.md-ink-ripple.md-active{
background-color:transparent;
color:white;
font-weight: 700;
}
.md-tab.ng-scope.ng-isolate-scope.md-ink-ripple{
background-color:transparent;
color:white;
font-weight: 700;
}
.mat-tab-label:active{
min-width: 25px !important;
padding: 5px;
background-color:transparent;
color:white;
font-weight: 700;
}
.mat-tab-label:selected{
min-width: 25px !important;
padding: 5px;
background-color:transparent;
color:white;
font-weight: 700; …我在 DTO 中使用 NestJS 和类转换器。
这是我所做的和我的问题的一个简单示例：
export class SomeDTO{
@Transform(({ value }) => value === "true" || value === true || value === 1)
@IsBoolean()
doDelete : boolean;
}
我什至尝试过@Transform(({ value }) => { return value === "true" || value === true || value === 1})
现在，在我的控制器中：
@Post("something")
someOperation(@Body() data : SomeDTO){
console.log(data);
}
记录数据时，预期的布尔值doDelete仍然是字符串，并且没有转换为其本机布尔类型。
是否尝试过提供这样的数据：
@Transform(({ value }) => { return false})
但在控制器中，如果我们将原始DTO doDelete设置为true，数据仍然是相同的。它没有像我们通过 暗示的那样转换为 false @Transform()。
我做错什么了吗？感谢您的帮助并提供了一些线索。
我已经尝试过这些相关参考文献，但似乎没有任何效果。