Strzałka pola select, Only CSS(3) Opcje

[djgarsi]

Witam. Czytałem już kilka postów na forum odnośnie zmiany wyglądu strzałki w polu select, jednak nie znalazłem rozwiązania, które by mnie zadowalało.
Dodam iż nie ma możliwości edycji struktury HTML (tak wiem, zmieniając strukturę byłby to banał) i trzeba to ogarnąć tylko w CSS(3).
Próbowałem już appearance (wraz z prefixami) i nie daje to efektów.
Jedyny efekt jaki uzyskałem to:
(IMG:http://iv.pl/images/97840915847150230187.jpg)

Mój kod:

[CSS] pobierz, plaintext 
height: 28px;
padding: 3px 6px;
border: 1px solid #aaa;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
overflow: hidden;
background-image: url(img/wyszukiwarka-button.png) !important;
background-position: right 2px !important;
background-repeat: no-repeat !important;
[CSS] pobierz, plaintext 

Czy byłby ktoś mi w stanie pomóc?

Ten post edytował djgarsi 14.07.2014, 19:56:03

[djgarsi]

@Damonsson i @Pyton_000
Celowo nie chciałem używać JS, bo na stronie mam pewną wyszukiwarkę (zewnętrznej firmy), która jest bardzo wrażliwa na dodatkowe skrypty JS (czasem po dodaniu jakiejś błahostki po prostu przestaje szukać).
Poradziłem już w jQuery, udało się znaleźć formułę, która nie przeszkadza, a jednocześnie formatuje select-y (IMG:style_emoticons/default/smile.gif)