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

时间:2014-02-01 22:54:25

标签: html css css3 placeholder html-input

是否可以为输入占位符和值设置不同的字体?我需要为输入占位符和值设置不同的字体,因为它们使用不同的语言。占位符使用正确的tonleft语言,但vakue使用英语。 CSS3中有可能吗?

1 个答案:

答案 0 :(得分:5)

您可以通过在css中定位占位符文本来执行此操作。然后将输入上的color设置为其他

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

:-moz-placeholder { 
   color: red;  
}

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

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

JSFIDDLE