My question is where can I change the look of the drop down boxes. They default to being too tall for my taste and when they have more than 4 elements it's not obvious you can scroll to select others. I'm really looking for more of a traditional pop-up where a click brings up an obvious list of choices: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_select2 or at a minimum be able to make the down boxes less tall. The div code is styled with "fb-listbox", and I found that code in the default.CSS file
/* Rule for the listbox container */
#docContainer .fb-listbox {}
/* Rule for the listbox select */
#docContainer .fb-listbox select {
color: #555;
background: url(../images/fb_bg_input.png);
font: normal 12px Helvetica, Arial, Sans-serif;
padding: 3px;
border-color: #690091;
}
/* Rule for the listbox select option (selected element) */
#docContainer .fb-listbox select option { padding: 3px 0px; }
#docContainer .fb-listbox {}
/* Rule for the listbox select */
#docContainer .fb-listbox select {
color: #555;
background: url(../images/fb_bg_input.png);
font: normal 12px Helvetica, Arial, Sans-serif;
padding: 3px;
border-color: #690091;
}
/* Rule for the listbox select option (selected element) */
#docContainer .fb-listbox select option { padding: 3px 0px; }
but I can't get a height attribute to do anything. For that matter, I don't see anything that defines the drop-box style being used – but I'm not a CSS wizard either!
I did try with my Dark Purple them as well as the default form theme. Same design in both.
Can anyone help me out?