如何在ng-multiselect-dropdown Angular 7中将选中的文本和复选框蓝色更改为灰色

在ng-multiselect-dropdown Angular 7中将选中的文本和复选框颜色更改为灰色，可以通过自定义CSS样式来实现。

首先，在你的Angular项目中的CSS文件中添加以下样式：

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-checkbox {
  color: gray !important;
}

然后，在ng-multiselect-dropdown组件的HTML模板中，添加ngClass指令来应用自定义样式：

<ng-multiselect-dropdown
  [data]="dropdownData"
  [(ngModel)]="selectedItems"
  [settings]="dropdownSettings"
  ngClass="custom-dropdown"
></ng-multiselect-dropdown>

最后，在组件的CSS文件中定义custom-dropdown类，并设置相关样式：

.custom-dropdown .ng-dropdown-panel {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
}

.custom-dropdown .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.custom-dropdown .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-checkbox {
  color: gray !important;
}

这样，选中的文本和复选框就会显示为灰色了。

请注意，以上代码中的dropdownData、selectedItems和dropdownSettings是示例变量，你需要根据自己的实际情况进行替换。另外，如果你的Angular项目使用了SCSS，可以将上述CSS代码转换为SCSS格式并在组件的SCSS文件中使用。

关于ng-multiselect-dropdown的更多信息和使用方法，你可以参考腾讯云的相关文档和示例：