0

Countrydropdown

Is it possible to customize the arrow background color of the dropdown using css/css3.

When the border color is default only black arrow seems to be visible.

on apply of border color arrow appears as shown in image

Not interested to open/close div accordingly. looking for some styling to achieve.

  • As far as I'm aware the answer is no. I use jQuery plugins to style dropdowns. Take a look at [Chosenjs](http://harvesthq.github.io/chosen/). Word of warning, it's still a pain to do, even with Chosen. – MiniRagnarok Apr 09 '13 at 16:45
  • 2
    You may want to start your edit from here: http://stackoverflow.com/questions/10185762/how-to-customized-select-element-through-css/10190884#10190884 – herinkc Apr 09 '13 at 16:48

1 Answers1

0

The real answer is no. The browsers do not let you change the appearance of those kind of elements, like checkboxes, radio buttons, dropdowns, etc.

However, there are jQuery plugins out there that let you fake it thinking what you see is an authentic dropdown, but in reality it's something else, like an unordered list with a container div that resizes and contracts when you click on it.

Lucky Pierre
  • 570
  • 4
  • 18