Center HTML Input Text Field Placeholder

by

If you want to change only the placeholder style, select the ::placeholder pseudo-element

::placeholder {
   text-align: center; 
}

/* or, for legacy browsers */

::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}

More Related Contents:

  1. Can I debug by CSS code in easy way for beginner?
  2. Setting columns in bootstrap grid
  3. How to write a:hover in inline CSS?
  4. Landscape printing from HTML
  5. Change color of PNG image via CSS?
  6. Use images instead of radio buttons
  7. Positions fixed doesn’t work when using -webkit-transform
  8. Is it possible to have two background colors for a single html element? [duplicate]
  9. Why does overflow:hidden not work in a ?
  10. How to prevent scrollbar from repositioning web page?
  11. Fixed header, footer with scrollable content
  12. Two inline-block, width 50% elements wrap to second line [duplicate]
  13. How to hide image broken Icon using only CSS/HTML?
  14. Display HTML child element when parent element is display:none
  15. Why does overflow hidden stop floating elements escaping their container?
  16. HTML-Tooltip position relative to mouse pointer
  17. CSS Background image not loading
  18. add title attribute from css
  19. How to add background image for input type=”button”?
  20. How to specify parameters to google chrome adobe pdf viewer?
  21. How to rotate and postion an element on the top left or top right corner?
  22. Make fill entire screen?
  23. Remove host component tag from html in angular 4
  24. Bootstrap full-width text-input within inline-form
  25. Can you style html form buttons with css?
  26. Internet Explorer and clip-path
  27. Pseudo class :hover does not work in IE7
  28. How do I make a text input non-editable?
  29. Create wavy borders in CSS for top and bottom borders
  30. Prevent ligatures in Safari (Mavericks/iOS7) via CSS

Leave a Comment