(HTML) Need more control over a SELECT

[msimmons]

I am thinking I am stuck here but the select tag seems to have no editable style. I have my data in a table (it is a list of items) and this combo box is sticking out like a sore thumb. Is there anyway to lose the border and/or remove the space from inbetween the text inside and the border?
Thanks
Michael

[cpradio]

You cannot lose the border, but you can definitely set the following:

font-family:
font-size:
color:
background-color:
width:

As I have set those on my site and they work.

-Matt

[msimmons]

Thats what I was afraid of... I already have the font set as small as I can. The width, color, and background color are fine. Its just that it is too tall
Thanks
Michael

[cpradio]

have you tried using this css attribute?:

height:

[punkpie_uk]

The combo box is counted as a control drawn my the OS rather than the browser. It is given priority on the screen and thus, you cannot move objects, such as layers, over the top of it and you cannot remove all the border.

As you've some seen, some aspects of it can be changed using CSS but its very limited.

[msimmons]

yeah, it dosen't seem to have any affect on it. That wouldent work anyway because the problem lies in the 1 or 2 pixels btween the text top & bottom and the border and the border itself. It's ok though because I decided to work around it by having a hidden div that appears when the user mouses over the cell rather than a select box.
Thanks
Michael

[cpradio]

Originally posted by punkpie_uk
The combo box is counted as a control drawn my the OS rather than the browser. It is given priority on the screen and thus, you cannot move objects, such as layers, over the top of it and you cannot remove all the border.

As you've some seen, some aspects of it can be changed using CSS but its very limited.

That's cool! I never knew that. Thanks.