Karine
Karine

Reputation: 587

How to style html select tag arrow?

I want to change a select tag arrow with an image, and also I want to have another image as hover state, and one for pressed state. And I should do that with CSS2.1 (no CSS3 solution please). How can I do that?

Upvotes: 2

Views: 6020

Answers (4)

Marat Tanalin
Marat Tanalin

Reputation: 14123

The only crossbrowser way to style form fields other than text fields and buttons is using JavaScript to implement custom form-controls.

Upvotes: 0

Christofer Eliasson
Christofer Eliasson

Reputation: 33865

That is not possible to do with just CSS, you will have to make use of JavaScript to accomplish it.

Upvotes: 0

Kurt Logan
Kurt Logan

Reputation: 166

Whenever I need to style selects I use http://jamielottering.github.com/DropKick/

Upvotes: 4

Prabhavith
Prabhavith

Reputation: 486

U can use background-image property in "element name":hover,"element":visited

Upvotes: 0

Related Questions