MDC: Как оформить текст метки?

Question

Как мне оформить метку цвет?

Следующий код не работает:

<style>
.mdc-floating-label{
   color: #808080;
}
.mdc-floating-label--float-above{
  color:  #808080;
}
.mdc-floating-label--shake{
  color:  #808080;
}
</style>

Answer 1

Вы должны избегать использования! Важный, так как это считается плохой практикой. Вместо этого вы можете придать вашему классу больше веса с помощью чего-то вроде:

<style>
label.mdc-floating-label{
   color: #808080;
}
label.mdc-floating-label--float-above{
  color:  #808080;
}
label.mdc-floating-label--shake{
  color:  #808080;
}
</style>

Answer 2

Не добавляйте ! Важный , потому что это не соответствует стандартному CSS.Добавьте иерархию родительских классов, это определенно будет работать.

<style>
.mdc-text-field label.mdc-floating-label{
  color: #808080;
}
.mdc-text-field label.mdc-floating-label--float-above{
 color:  #808080;
}
.mdc-text-field label.mdc-floating-label--shake{
 color:  #808080;
}
</style>

Answer 3

Добавить !important в конце значений цвета.

<style>
.mdc-floating-label{
   color: #808080 !important;
}
.mdc-floating-label--float-above{
  color:  #808080 !important;
}
.mdc-floating-label--shake{
  color:  #808080 !important;
}
</style>