How to set different fonts for input placeholder and value?

Question

Is the any way to set different fonts for an input placeholder and value? I need to set diffrent fonts for my input placeholder and value because they use diffrent languages. The placeholder uses an right tonleft language but the vakue uses english. Is it possible in CSS3?

@j08691 I think there is a diferrence between font and color! But thanks it was useful — hamidfzm, Feb 01 '14 at 23:00
It shows you how to style the placeholder attribute via CSS. What's the difference? — j08691, Feb 01 '14 at 23:02

score 6 · Accepted Answer · answered Feb 01 '14 at 23:47

You can do this by targeting the placeholder text in css. Then setting color on the input to be something else

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

:-moz-placeholder { 
   color: red;  
}

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

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

JSFIDDLE

How to set different fonts for input placeholder and value?

1 Answers1