字体家族占位符离子输入Ionic5

问题描述

我正在尝试更改placeholder的{​​{1}}的字体系列。
在docs中，没有办法做到这一点，因为占位符的唯一可能选择是<ion-input>，--placeholder-color，--placeholder-font-style和--placeholder-font-weight。
这是HTML：

--placeholder-opacity

我已经尝试过但没有成功的东西：

<ion-input required 
           type="text" 
           maxlength="30"
           placeholder="Your username">
</ion-input>

，我尝试将ion-input::placeholder { font-family: 'My-font',sans-serif; --ion-font-family: 'My-font',sans-serif; } 替换为::placeholder，::-webkit-input-placeholder，:-ms-input-placeholder。
我想要实现的目标：

:-moz-placeholder

解决方法

占位符字体仅从输入字体继承。如果输入字体和占位符字体可以相同，则只需将CSS样式应用于输入元素。

ion-input {
  --ion-font-family: 'My-font',sans-serif;
}