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

[Damonsson]

Przeglądarka?

[KotWButach]

Nie da się czystym css3 zmienić strzałki. Możesz nałożyć strukture div ale pisałes o braku możliwości edycji html. Pozostaje JQuery. W samym css niestety nie dojdziesz.

[Pyton_000]

Polecam http://adam.co/lab/jquery/customselect/
U mnie spisuje się bardzo dobrze i jest na dodatek bardzo proste

[Damonsson]

Nie może zmieniać struktury HTML, ale zapewne może ładować JavaScript... (IMG:style_emoticons/default/facepalmxd.gif)

[Pyton_000]

@Damonsson tak to już bywa że ktoś chce motyką przekopać słońce (IMG:style_emoticons/default/smile.gif)

[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)