Placeholder text in dropdown menu

  • 8 August 2019
  • 3 replies
  • 54 views

I’ve set the first item in my dropdown menu to not be a valid choice, but I was wondering how I would go about setting the colour of only the first item to be grey to match the other placeholder text throughout the form.

At the moment I’m using this css which I found in an old topic here, but it changes the colour of every item in the list, how would I go about targeting only the first one?:

#lp-pom-form-206 .lp-pom-form-field select
{
border-radius: 5px !important;
color: #a9a9b0 !important;
}

#lp-pom-form-206 .lp-pom-form-field option
{
color: #000 !important;
}


3 replies

I know this is an old thread, but I’ve come across this problem.

I’ve even tried this, and it does not work:

select option:first-child{
color: red;
}

Would like an option to just change placeholder text for dropdowns. (dropdowns when label is hidden).

Same issue here!

Userlevel 2
Badge

Hey @Adam_Schwarz @David_Kim & @Thomas_GOIRAND1!

Sorry as I’m just coming across this thread now but I found this previous post that may be able to assist in the CSS editing you’re looking to accomplish! 

 

 

Reply