Обслуживание статических файлов с mod_wsgi и Django

Если вы хотите настроить компоненты материала Angular и предоставить свои собственные стили для заполнителя для матовых фишек, у меня есть следующие предложения. Вы можете использовать один из них.

1) Перезаписать классы на вашем основном style.css (или style.scss, в зависимости от того, что вы используете). Если вам интересно, это тот, который находится на том же уровне каталогов, что и ваш index.html, main.ts, package.json и т. Д. Вам может понадобиться добавить объявление !important

.mat-form-field-label {
  color:blue!important;
}

[1118 ] 2) Используйте ViewEncapsulation:None. Это удаляет всю инкапсуляцию, так что правила CSS будут иметь глобальный эффект.

В ваш component.ts вам нужно будет импортировать ViewEncapsulation, а затем выбрать None, когда вы предоставите определения для инкапсуляции

import { .. ViewEncapsulation } from '@angular/core';
.
.
@Component({
  selector: 'chips-autocomplete-example',
  templateUrl: 'chips-autocomplete-example.html',
  styleUrls: ['chips-autocomplete-example.css'],
  encapsulation: ViewEncapsulation.None
})

И в вашем component.css,

[112 ]

3) Настройка директивы MatPlaceholder (переопределение заполнителя Angular Material css без использования! Important) [EDIT]

В соответствии с API поля формы углового материала , оказывается, директива-заполнитель доступна после того, как мы импортировали этот модуль.

В вашем component.html включите директиву с пользовательским классом в свой и удалите заполнитель из в

  Search
         
    
      {{fruit}}
      cancel
    
    
  
  
    
      {{fruit}}
    
  

И на своем component.css, определите класс .placeholder (назначенный директиве mat-placeholder) с вашими пользовательскими свойствами CSS.

.placeholder {
  color: green
}