Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Strzałka pola select
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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:


Mój kod:
  1. height: 28px;
  2. padding: 3px 6px;
  3. border: 1px solid #aaa;
  4. -webkit-border-radius: 3px;
  5. -moz-border-radius: 3px;
  6. border-radius: 3px;
  7. -webkit-appearance: none;
  8. -moz-appearance: none;
  9. appearance: none;
  10. background: transparent;
  11. overflow: hidden;
  12. background-image: url(img/wyszukiwarka-button.png) !important;
  13. background-position: right 2px !important;
  14. background-repeat: no-repeat !important;


Czy byłby ktoś mi w stanie pomóc?
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... facepalmxd.gif
Pyton_000
@Damonsson tak to już bywa że ktoś chce motyką przekopać słońce 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 smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.