Я использую Select2 в проекте, чтобы стилизовать некоторые поля выбора в форме поиска. Мне удалось изменить градиентный фон контейнера стрелки на черный градиент:

.select2-container .select2-choice .select2-arrow {
    background-image: -khtml-gradient(linear, left top, left bottom, from(#424242), to(#030303));
    background-image: -moz-linear-gradient(top, #424242, #030303);
    background-image: -ms-linear-gradient(top, #424242, #030303);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #424242), color-stop(100%, #030303));
    background-image: -webkit-linear-gradient(top, #424242, #030303);
    background-image: -o-linear-gradient(top, #424242, #030303);
    background-image: linear-gradient(#424242, #030303);
}

Мне бы хотелось, чтобы стрелка была белой, но, к сожалению, Select2 использует фоновое изображение для разных значков вместо шрифта-офигенного или чего-то подобного, поэтому просто изменить цвет с помощью CSS невозможно.

Что было бы самым простым способом сделать стрелку белым вместо серого по умолчанию? Действительно ли мне нужно заменить фоновый png (select2.png и select2x2.png) своим собственным? Или есть более простой способ?

Другой вопрос, который у меня есть, - как изменить высоту полей выбора. Я знаю, как изменить высоту выпадающего списка в открытом состоянии, но я хочу изменить высоту окна выбора в закрытом состоянии. Есть идеи?