How change the placeholder size,color in html?

Question

<input type="text" name="fname" placeholder="First name">

In that input field i need to change placeholder font-size,color for form

possible duplicate of http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css — Alexis, Jun 28 '16 at 08:00
first try to search or find own way ..bro thn ask a question. — Balvant Ahir, Jun 28 '16 at 08:02

score 1 · Answer 1 · answered Jun 28 '16 at 08:01

1

Use this in your css file:

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    red;
    font-size: 15px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     color:    red;
    font-size: 15px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    red;
    font-size: 15px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    red;
    font-size: 15px;
}

answered Jun 28 '16 at 08:01

RasmusGlenvig

765
6
18

duplicate answer from http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – Gaurav Aggarwal Jun 28 '16 at 08:03

kkakkurt · Answer 2 · 2016-06-28T08:07:31.197

0

You can change placeholders style like this:

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: red;
   font-size: 12pt; 
}
::-moz-placeholder { /* Firefox 19+ */
   color: red;
   font-size: 12pt; 
}
:-ms-input-placeholder { /* IE 10+ */
   color: red;
   font-size: 12pt; 
}
:-moz-placeholder { /* Firefox 18- */
   color: red;
   font-size: 12pt;
}

edited Jun 28 '16 at 08:07

answered Jun 28 '16 at 08:01

kkakkurt

2,790
1
30
33

duplicate answer from http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – Gaurav Aggarwal Jun 28 '16 at 08:03

How change the placeholder size,color in html?

2 Answers2