We used custom code to set up placeholder text in open end text boxes to prompt the user to provide detailed feedback etc. Is there a way to change the placeholder text’s font color? We are not sure what attribute/class it is to alter that, if it’s available at all.
var placeholderText = 'Use this section for additional feedback.';
jQuery('#' + qid + ' input[type="text"], #' + qid + ' textarea').attr('placeholder',placeholderText);
});
Best answer by nikamshubham_73
Hi
You can use the code below to change the color of the placeholder text. The placeholder will appear in blue, but once a value is entered, it will revert to the default Qualtrics color. Hope this helps!
Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
jQuery("textarea").attr("placeholder", "Color text");
jQuery("textarea").each(function() {
var style = document.createElement('style');
style.innerHTML = 'textarea::placeholder { color: blue !important; }';
document.head.appendChild(style);
});
});
Hi
You can use the code below to change the color of the placeholder text. The placeholder will appear in blue, but once a value is entered, it will revert to the default Qualtrics color. Hope this helps!
Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
jQuery("textarea").attr("placeholder", "Color text");
jQuery("textarea").each(function() {
var style = document.createElement('style');
style.innerHTML = 'textarea::placeholder { color: blue !important; }';
document.head.appendChild(style);
});
});
Hi
You can use the code below to change the color of the placeholder text. The placeholder will appear in blue, but once a value is entered, it will revert to the default Qualtrics color. Hope this helps!
Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
jQuery("textarea").attr("placeholder", "Color text");
jQuery("textarea").each(function() {
var style = document.createElement('style');
style.innerHTML = 'textarea::placeholder { color: blue !important; }';
document.head.appendChild(style);
});
});
Thank you! Will try this.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
