Survey Form Feedback & dropdown box styling

Hi everyone–I just completed my survey form and would love some feedback!

One thing I was unable to figure out: how can I make the default font color of the dropdown box gray (to match other placeholder text on the page) when it is the default “Select an option”, but then turn white once an actual answer is selected?

Thank you!

Your form looks good @jcbecker17. Some things to revisit;

  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in HTML. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • The link to the font goes in the box labeled ‘Stuff for <head>’
    • Mentioning because you have elements out of order. The head element has a specific function. You can review this for an understanding of the HTML boilerplate tags
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.

I ran the following search “css change dropdown font color” and came up with a few hits. Did none in your search answer your question?

@Roma --thanks so much for sharing the boilerplate tags article! I definitely have a better understanding of how to use them moving forward. The validator you shared is also a huge help. The error messages are really clear, so I was able to fix everything that it suggested.

As for the dropdown styling, I did read several answers to similar questions on stack overflow and a couple other places, but so far have not gotten any of the solutions to work.