Formatowanie Formularzy


(Misieksc) #1

witam mam takie pytani czy idzie sformatować tak formularz dokładnie element listy rozwijanej aby ta strzałka która jest po prawej stronie pola była po lewej stronie ?


(hoobert) #2

CSS ogólnie nie daje zbyt dużych możliwości co do stylowania elementu select. Można to zrobić w taki sposób, że pole typu select umieszcza się w divie o określonej szerokości, mniejszej o około 20px od umieszczonego w niej selecta, z właściwością overflow-x ustawioną na hidden.

Opcja 1 Opcja 2 Opcja 3
[/code]

Można to też zrobić używając javascript, uzyskując nawet lepszy efekt, ale z tym już jest trochę więcej pracy.


(Grzelix) #3

Można też tak:

one
two
three

(Misieksc) #4

dzięki grzelix dobry trik nie znałem go :slight_smile: a tak jeszcze przy okazji jest możliwość łatwego zmiany wyglądu tej strzałki albo zstąpienie jej jakimś tłem ?


(Grzelix) #5

łatwej zmiany - to raczej ciężko, głownie z powodu różnej interpretacji elementów przez różne silniki przeglądarek np

tutaj artykuł:

http://bavotasan.com/2011/style-select- … -only-css/

a tutaj przykład live działający w ff ie8 chrome, ale nie działa zbytnio w operze.

http://jsfiddle.net/danield770/YvCHW/6/


(ra-v) #6

Działa na IE9 i Operze.

http://cssglobe.com/lab/style_select/01.html


(Grzelix) #7

@ra-v o którym mówisz że działa na Operze? Ponieważ ten link który ty podałeś ma explicite podane:

if (!$.browser.opera)

(ra-v) #8

Ten w cytowanym tekście i ten co podałem.