如何解决字体家族占位符离子输入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;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。