Стили заполнителей из стилей. css не отражается в формах компонентов

Question

Мое требование - применить приведенный ниже стиль заполнителя для всех полей ввода формы моего заявления.

::placeholder { 
  color: #283d4a;
  opacity: 0.5; 
  font-size: 14px;
}

Этот стиль применяется в браузере, только если он указан в файле css отдельного компонента. Когда то же самое дается в стилях. css, стили не применяются. angular. json имеет стили. Файл css включен в массив стилей, и применяются другие стили из этого глобального файла. Тем не менее, необходимо включить правила для указанных c селекторов, таких как -webkit-, -moz- и -ms-. Итак, я ищу вариант DRY для применения общего стиля ко всем формам приложений. Может ли кто-нибудь помочь мне в достижении этого требования?

Заранее спасибо!

Answer 1

HTML

<input placeholder="Type something here!">

CSS

    input::placeholder {
      color: #283d4a;
      opacity: 0.5; 
      font-size: 14px;
    }