Placeholder for dropdown

HI there

I want to creat a dropdown where it is clear that the placeholder is not a selectable option. For that it would be cool to change the color of it. Does any of you know how to do that?

dropdown_foodangels

Hi Daniel. Here is some information on how to style placeholder text:

The default styles are provided by the browser, but you can use CSS to override them in most cases.

1 Like

This does not seem to work for me. I put this in the head:

 textarea::-webkit-input-placeholder {
    color:#ccc;
}

textarea::-moz-placeholder {
    color:#ccc;
}

textarea:-ms-input-placeholder {
    color:#ccc;
}

textarea::-ms-input-placeholder {
    color:#ccc;
}

textarea::placeholder {
    color:#ccc;
}

input::-webkit-input-placeholder {
	color:#ccc;
}

input::-moz-placeholder {
	color:#ccc;
}

input:-ms-input-placeholder {
	color:#ccc;
}

input::-ms-input-placeholder {
	color:#ccc;
}

input::placeholder {
	color:#ccc;
}

I also tried to target diffrent id’s and classes. Changing placeholder works for single line text but not for selection fields. Any tipps?

Hi Daniel. Styling the placeholder for the Select is notoriously difficult, if not impossible in some browsers. It’s not a Gravity Forms issue, just an issue with that element in any form. I did a little research on it and could not find a workable solution. I’m sorry I don’t have any better advice for you. I will leave this open so that anyone who does have a solution for styling the select option placeholder can share it here. Thank you.

© 2008 - 2021. Gravity Forms is a project by Rocketgenius Inc.