Select Fields on a Form

[Anonymous]

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

[Anonymous]

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 🙂

[Anonymous]

Thanks! 

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

Best, 
Tim

[Anonymous · Accepted solution]

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.

[Anonymous]

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 

[Anonymous]

This is just what I was looking for. I had the right CSS but wasn't including the !important. Thanks