Title: placeholder CSS
Last modified: August 31, 2016

---

# placeholder CSS

 *  [BLwm](https://wordpress.org/support/users/blwm/)
 * (@blwm)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/placeholder-css/)
 * I’m trying to change the color of placeholder.
    In custom css I’m trying with::-
   webkit-input-placeholder { color: red !important; } :-moz-placeholder { color:
   red !important; } ::-moz-placeholder { color: red !important; } :-ms-input-placeholder{
   color: red !important; }
 * No changes.
 * Then with
 * input:placeholder[type=”submit”],
    input:placeholder[type=”email”], input:placeholder[
   type=”textarea”] { color: #C72326 }
 * No changes.
 * And, line-height is not applied.
 * Some hint?
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/placeholder-css/#post-7026505)
 * Please include a link to your Contact Form 7 form. This will help others here
   to understand your actual problem.
 *  Thread Starter [BLwm](https://wordpress.org/support/users/blwm/)
 * (@blwm)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/placeholder-css/#post-7026552)
 * Contact Form 7 is applied to wordpress site tmp.missover.it
    You may see it at
   the page [http://tmp.missover.it/contatti/](http://tmp.missover.it/contatti/)
 * Here, I can’t set the placeholder to a different color, and not increase the 
   padding of input (line-height command in css is not shown)
 *  Thread Starter [BLwm](https://wordpress.org/support/users/blwm/)
 * (@blwm)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/placeholder-css/#post-7026553)
 * This is the code
 * <div>
    <p style=”width:50%; float:left”>[text* nome placeholder=”il tuo nome”]
   </p> <p style=”width:50%; float:right”>[text* cognome placeholder=”il tuo cognome”]
   </p> </div> <div> <p style=”width:50%; float:left”>[text* telefono placeholder
   =”inserisci il tuo telefono”]</p> <p style=”width:50%; float:right”>[email* email
   placeholder=”inserisci la tua email”]</p> </div> <p>[textarea* messaggio placeholder
   =”scrivi qui il tuo messaggio”]</p> <p>[acceptance privacy default:on] ACCETTO
   il trattamento dei dati personali. (Privacy policy ai sensi dell’art. 13 del 
   d.lgs. 196/2003)</p> <p>[submit “Invia”]</p>
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/placeholder-css/#post-7026594)
 * I can’t see any sign of the CSS you said you added in [Firebug](https://getfirebug.com/)
   or [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/).
   ​​
   If it’s there it’s being over-written by the following code in your inline style`/
   contatti/ #5: ​ ​`#comment-input .placeholder, #comment-input input, #comment-
   textarea .placeholder, #comment-textarea textarea, #tribe-bar-form input[type
   =”text”], #wrapper .search-table .search-field input, .avada-select .select2-
   container .select2-choice, .avada-select .select2-container .select2-choice2,.
   avada-select-parent select, .chzn-container .chzn-drop, .chzn-container-single.
   chzn-single, .comment-form-comment textarea, .input-text, .main-nav-search-form
   input, .post-password-form label input[type=”password”], .search-page-search-
   form input, .tribe-bar-disabled #tribe-bar-form .tribe-bar-filters input[type
   =”text”], .wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number,.
   wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text, .
   wpcf7-form textarea, .wpcf7-select-parent .select-arrow, input.s, input.s .placeholder,
   input[type=”text”], select, textarea { color: #aaa9a9; }`

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘placeholder CSS’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/placeholder-css/#post-7026594)
 * Status: not resolved