如何为输入占位符和值设置不同的字体？

Question

有没有办法为输入框的占位符和值设置不同的字体？我需要为我的输入框占位符和值分别设置不同的字体，因为它们使用不同的语言。占位符使用从右往左的语言，但值使用英语。在CSS3中是否可能实现？

- hamidfzm

---

@j08691 我认为字体和颜色之间有所区别！但还是谢谢，这很有用。 - hamidfzm

它向您展示如何通过CSS样式化占位符属性。这有什么区别呢？ - j08691

Answer 1

你可以通过在 CSS 中定位占位符文本来实现这一点，然后将 color 属性设置为其他颜色即可。

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { 
   color: red;  
}

::-moz-placeholder {  
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

JSFIDDLE

- jmore009