How can i disable placholder

Hi @justinthomasonline,

Unfortunatelly, this possibility is not available.

This wordpress plugin uses a jQuery plugin (https://intl-tel-input.com/) This JS is, by default, adding the placeholder.

You can contact the jQuery author to see if there is a possibility to disable it.

However, I think it is important to have the placeholder, as it reassures the user to introduce his/her number without the country code.

Can you post a link to your website and tell why you don’t want it?

Thanks

The client does not requires this particular option.. Thanks for your immediate replay

using css we can make the color of placeholder same as the background color of input element feels the field as empty….

<input type=”tel” style=”background-color: #f8f8f8;” id=”” class=””…../>

input[type=”tel”]::-webkit-input-placeholder {
color: #f8f8f8 !important;
}

input[type=”tel”]:-moz-placeholder { /* Firefox 18- */
color: #f8f8f8 !important;
}

input[type=”tel”]::-moz-placeholder { /* Firefox 19+ */
color: #f8f8f8 !important;
}

input[type=”tel”]:-ms-input-placeholder {
color: #f8f8f8 !important;
}

Good idea!

Hi! Where to put the css code you shared. I am using a template and couldnt find any place to write css code.

• This reply was modified 8 years ago by hellhot.

Solved that situation with The Contact Form 7 Style addon.

Glad to hear!