Question

I’m making a theme specific admin panel in WordPress. I’ve run into a problem when using the select tag though and I know I don’t have any styles that are making it behave this way:

This is not a screen shot of my panel but this is a good example. See the box on the top left? Well anytime I use a select box it defaults to scroll mode like that one in the picture. I don’t want it to do that. I want it to be a regular drop down list box like the other 3 in the image. I can’t figure out if this is a CSS problem or not. I have checked out a few resources about select boxes but none of them mention anything about a type attribute of select tags or anything that would let me change out of scroll mode. Is there some kind of built in wordpress style that changes the way the select tags are rendered in the admin panel? If so how do I style this element so that it is just a regular drop down list box? Here is the code that I’m using for the select:

<select name="slide_type" size="30">
                        <option>Slice Down</option>
                        <option>Slice Down Left</option>
                        <option>Slice Up</option>
                        <option>Slice Up Left</option>
                        <option>Slice Down</option>
                        <option>Slice Up & Down</option>
                        <option>Slice Up & Down Left</option>
                        <option>Fold</option>
                    </select>

Note: I’ve checked in firebug and there are no styles attached to this drop down list or it’s name – “slide_type” other than the following CSS:

select{
   color: black;
}

Any advice or help is greatly appreciated!

Answer 1

Well, it’s the size value, of course.

use

   size=1

(or leave it undefined)

And get a free silly demo too!