How to change style of placeholder in textbox
Today, we will learn how to custom change in placeholder using style. CSS through we can change in text placeholder like as font-color, font-size, and font-weight.
Different pseudo selectors are used in different browsers such as Chrome, Safari, and Opera for used to “-webKit-input-placeholder” pseudo selectors, Firefox for used to “-moz-placeholder” pseudo selectors and IE 10+ for used to “-ms-input-placeholder” pseudo selectors.
custom style doing it in placeholder then textbox look will be attractive. in this below example help through you can change in placeholder text.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
/* Chrome, Safari, Opera */ ::-webkit-input-placeholder { color: red; font-size: 13px; } /* Firefox */ ::-moz-placeholder { color: red; font-size: 13px; } /* IE 10+ */ :-ms-input-placeholder { color: red; font-size: 13px; } ::placeholder { color: red; font-size: 13px; } |
Please follow and like us:
One thought on “How to change style of placeholder in textbox”
Thanks for the sensible critique. Me and my neighbor were just preparing to do a little research about this. We got a grab a book from our area library but I think I learned more from this post. I am very glad to see such excellent information being shared freely out there.