更改占位符的字体系列 [英] Changing font-family for placeholder

问题描述

输入字段可以有一个字体家族，而占位符是另一个字体吗?

Is it posible for input field to have one font-family and it's placeholder other?

我已尝试使用CSS中已定义的@ font-face更改输入占位符的字体系列，但无法正常工作

I have tried to change font-family for input's placeholder with already defined @font-face in CSS but it's not working

CSS

.mainLoginInput::-webkit-input-placeholder { 
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}

.mainLoginInput:-moz-placeholder { 
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}

HTML

<input class="mainLoginInput" type="text" placeholder="Username"  />

我该如何解决这个问题?

How can I slove this problem?

推荐答案

找到了...

Firefox 19+用户的前缀为::-moz-placeholder

Prefix for Firefox 19+ users is ::-moz-placeholder

代码看起来像这样

.mainLoginInput::-moz-placeholder {
   font-family: 'myFont', Arial, Helvetica, sans-serif;  
}

这篇关于更改占位符的字体系列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！