css - 如何更改 primeNg 树中树节点图标的颜色?
问题描述
我在 Angular CLI 6 项目中使用 primeNg 树。
"primeicons": "^1.0.0-beta.9",
"primeng": "6.0.1",
"font-awesome": "^4.7.0",
我需要做的是更改一些treeNode 图标颜色。我需要一个蓝色的检查标志...
我正在使用 styleClass 参数并设置颜色:蓝色和图标,并且文本显示为蓝色。
如何更改图标颜色。
{
label: 'Procedure is an isolated CABG Surgery',
icon: 'fa fa-folder',
// collapsedIcon: 'fa fa-folder',
// expandedIcon: 'fa fa-folder-open',
styleClass: 'xxx',
},
在css文件中,我有
.xxx {
color: blue;
}
想法?
解决方案
只需在您的 CSS 中添加以下内容:
::ng-deep .ui-tree-container .ui-tree-toggler{
color: #f9c71a;
}
::ng-deep .ui-tree-container .ui-treenode-icon{
color: #f9c71a;
}
::ng-deep .fa-caret-right::before {
content: "\F067";
}
::ng-deep .fa-caret-down::before {
content: "\F068";
}
推荐阅读
- php - Safari 在跳转链接后返回丢失的图像 [HTML/CSS]
- python - 获取 DecisionTreeRegressor 中终端(叶)节点的所有值
- r - 我尝试使用 glm 的输出进行自动绘图,但出现此错误。Ps:我尝试安装“ggfortify”,但它并没有解决我的问题
- php - Laravel,自动登录时不会调用经过身份验证的方法
- react-native - 强制应用程序在博览会中重新启动反应本机
- sql - 在while循环中左连接表并动态命名再次用于左连接的新表
- lotus-domino - 我无法让辅助代理在 WebQueryOpen 事件上运行
- python - 在不安装 Python 的情况下运行 Python 脚本
- python - 尝试从类的所有实例访问布尔变量
- r - 在 ggplot2 中指定特定形状