Hi,
I think that I may have asked this before but I can't find in search.
I have always changed the default css to personalize a form but having changed most of the elements to how I want them, I have a problem with the dropdown and list boxes.
I am able to add a border and change the font style and size but I am unable to change the colour of the font or the grey box around both of these boxes.
Any help would be appreciated.
Pete.
Dropdown and List boxes. - Post ID...
Peter Gillies
Registered User
232 posts
Eric Rohloff
Senior Advisor
20,188 posts
Hi Peter.
You can target the top select of the dropdown with this code.
You can target the options in the dropdown with this.
Other inputs can be targeted with this,
You can target the top select of the dropdown with this code.
#docContainer .fb-dropdown select {
height:25px;
font-size:1.1em;
font-weight:bold;
padding: 1px 2px;
color:red;
}
height:25px;
font-size:1.1em;
font-weight:bold;
padding: 1px 2px;
color:red;
}
You can target the options in the dropdown with this.
#docContainer .fb-dropdown select option {
height:25px;
font-size:1.1em;
font-weight:bold;
padding: 1px 2px;
color:red;
}
height:25px;
font-size:1.1em;
font-weight:bold;
padding: 1px 2px;
color:red;
}
Other inputs can be targeted with this,
#docContainer.fb-large input[type="text"], #docContainer.fb-large input[type="password"], #docContainer.fb-large input[type="email"], #docContainer.fb-large input[type="number"], #docContainer.fb-large input[type="date"], #docContainer.fb-large input[type="url"], #docContainer.fb-large textarea, #docContainer.fb-large input[type="tel"] {
height:25px;
font-size:1.1em;
font-weight:bold;
padding: 1px 2px;
color:red;
}
height:25px;
font-size:1.1em;
font-weight:bold;
padding: 1px 2px;
color:red;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Peter Gillies
Registered User
232 posts
Thanks Eric, I will give it a try.
Pete
Pete
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
