angular - 在 Ng-Select 中更改颜色

标签 angular angular6 angular-ngselect

我尝试过使用 ng-select,但遇到了一些问题。 当我尝试禁用它时,如何更改 ng-select 中禁用的颜色。而且我还希望箭头图标在禁用时被隐藏?我已经在下面尝试了这段代码,但它仍然无法正常工作。

Change disabled color

.ng-select.ng-select-red {
  color: green;
  background-color: green;
}

Hide Arrow When Disabled

.ng-select:disabled.ng-arrow {
   display: none;
}

最佳答案

使用以下选择器:

.ng-select.ng-select-disabled>.ng-select-container {
  background-color: red;
}

.ng-select.ng-select-disabled .ng-arrow-wrapper {
  display: none;
}

关于angular - 在 Ng-Select 中更改颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56799598/

相关文章:

javascript - Angular 6 路由器过渡动画不起作用(导航栏)

spring - 找不到可接受的文件下载表示

angular - 如何在 ng select 中搜索值?

angular ng-select 并添加事件

angular - 如何在 Angular2 CLI 中声明默认路由?

javascript - Heroku 上的 Angular 应用程序部署问题

angular - 在 Angular 的父模板中调用子组件的方法是一个好习惯吗?

javascript - NgSelect 未在选择中选择选项

Angular2 无法在 promise 回调中访问它

angular - 如何在div的contenteditable上使用[(ngModel)]和innerHTML?