Placeholder for dropdown

Get Help
, ,
1

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

2

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
3

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?

4

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.