/    Sign up×
Community /Pin to ProfileBookmark

select box styling

Copy linkTweet thisAlerts:
Apr 24.2010

hi

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

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

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

how to do this?

regards,
alex

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@BIOSTALLApr 24.2010 — Try using the padding CSS attribute. Hope that helps ?
Copy linkTweet thisAlerts:
@inseiauthorApr 24.2010 — 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 >_<
Copy linkTweet thisAlerts:
@FangApr 24.2010 — 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;
}
Copy linkTweet thisAlerts:
@inseiauthorApr 26.2010 — thanks alot!
×

Success!

Help @insei spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.10,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...