Click to See Complete Forum and Search --> : select box styling


insei
04-24-2010, 12:05 PM
hi

im wondering how its possible to offset the dropdown from the select boxes, like the ones here:

http://www.nettby.no/user/register_step1.php?http_referer=

i've seen this countless of other places too, for example facebook.

how to do this?

regards,
alex

BIOSTALL
04-24-2010, 01:31 PM
Try using the padding CSS attribute. Hope that helps :)

insei
04-24-2010, 02:03 PM
i tried to use it on select but didnt work, i tried to do some stuff with option too, but couldnt get it to work like that >_<

Fang
04-24-2010, 02:27 PM
Using border-radius and optionally box-shadow, not supported in all browsers:select {
border: 1px solid #aaa;
padding: 5px;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 2px 2px 4px #666;
-moz-box-shadow: 2px 2px 4px #666;
box-shadow: 2px 2px 4px #666;
}

insei
04-26-2010, 01:16 AM
thanks alot!