Select Fields on a Form | Community
Skip to main content
September 11, 2013
Solved

Select Fields on a Form

  • September 11, 2013
  • 5 replies
  • 2300 views
Is it possible to have the text inside the select field options box be a different color than the form questions. I'm wanting the questions to be in white text and the answer options to be black. 

Thanks, 
Tim
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by
Here you go:

<style>
form.lpeRegForm ul select {
    color: #000000 !important;
}
form.lpeRegForm ul input[type="text"] {
   color#000000 !important;
}
</style>

This will change the form fields to have a black color font, overriding the Marketo default. You may or may not need the !important tags, test to be sure. I usually include them when I do Marketo CSS overrides.

5 replies

September 11, 2013

Tim,
 

This is possible to do using CSS, either at the template level or using a Custom HTML block on the landing page. If you don't mind sharing the landing page, I'm sure we could get the code together for you :)

September 11, 2013
Thanks! 

The landing page is: info.fnex.com/captarget

Best, 
Tim
Accepted solution
September 11, 2013
Here you go:

<style>
form.lpeRegForm ul select {
    color: #000000 !important;
}
form.lpeRegForm ul input[type="text"] {
   color#000000 !important;
}
</style>

This will change the form fields to have a black color font, overriding the Marketo default. You may or may not need the !important tags, test to be sure. I usually include them when I do Marketo CSS overrides.
September 11, 2013
Just checked them and it worked like a charm. I added it to the template to make sure all forms with white letters appear black in the select box. 

Thanks again. 
Tim 
October 31, 2013
This is just what I was looking for. I had the right CSS but wasn't including the !important. Thanks