CODEWITHSUNDEEP
javascripthtmlcss
Kir
Kir

Reputation: 8111

Drop-down box and buttons like in gmail

gmail

How to do this effects for <option> and <button> with CSS and JS?

Upvotes: 3

Views: 1813

Answers (2)

Damb
Damb

Reputation: 14600

It's not real <select> or <button> element. The real form element would be (if it was a form element at the beginning) replaced with simple styled <ul> (one of the options). And javascript is used to hide select element, replace it with list and attach events to list items / anchors.

Edit: Gmail apparentyl doesn't use list, but divs. That's also an option.. logic behind it is still same.

Upvotes: 5

Andrei Bularca
Andrei Bularca

Reputation: 1024

Try this. You have to change images and colors.

Upvotes: 0

Related Questions