введите номер, измените цвет стрелок

Question

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

Теперь я хотел бы изменить цвет, используя основные цвета и цвета, определенные акцентом, но я не могу этого сделать, это мой выбор:

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  height: 30px;
  color: #FF0000;
  /*not working*/
}

<input type="number" matInput color="primary" [step]="5" [max]="65" [min]="0" value="0" onkeydown="return false" />
<!--color not working-->

можно ли поменять?