Form 'hint text color' workaround for 'select' | Community
Skip to main content
J
Community Advisor
JDNelson1Community Advisor
Community Advisor
August 3, 2016
Question

Form 'hint text color' workaround for 'select'

  • August 3, 2016
  • 1 reply
  • 1100 views

I have a form which utilizes the Hint Text instead of the label (within the field). I added a few Select fields now and the text in them defaults to black/dark grey. I'm trying to find the right CSS mix to get the default value to be a light grey and any selected option after that to go back to the black/dark grey default.

Example:

My "Country" field select has the pick-list values:

Country...|

United States|United States

Canada|Canada

Mexico|Mexico

I want only "Country..." to be a light grey, but any of the other 3 to be the default color. Is this possible?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

SanfordWhiteman
SanfordWhiteman
Level 10
August 3, 2016

Pls post a link to the form in action.

Not all browsers allow for styling of individual <SELECT>s, but with a little JS you can change the (global) style based on the selected index.

Terms & ConditionsAccessibility statement

Loading footer...