rahul251
rahul251

Reputation: 68

How to theme Options of select box

I have been searching everywhere, but havent found a solution yet.

I need to know how to theme a option list of a select box. In my wordpress site im using this plugin http://wordpress.org/plugins/query-multiple-taxonomies/ .

This plugin creates a dropdown list of taxonomy using "select" and "option" tag.

How do i add my own css to this tag?

Any help would be really appreciated.

Upvotes: 0

Views: 1519

Answers (1)

knitevision
knitevision

Reputation: 3143

You can style it. Here's the raw sketch I've exctracted:

jsFiddle Example

select has an ID of some-filter and htis field is customized using the some-filter ID in the CSS.

You can, for example, set custom dropdown-arrows, or background, or box-shadow, or anythying you'd like.

However, there are some hacks for Firefox and IE, they are marked in the CSS code. If it hadn' been for them, the default dropdown arrow of the IE and FF would have been displayed.

Play with the fiddle.

Upvotes: 1

Related Questions