Form example
Progress:
Color:
Only webkit
Date:Datetime-local:
Month:
Week:
Time:
Datetime:
Progress:
Color:
Datetime-local:
Month:
Week:
Time:
Datetime:
The idea:
Select, type=file, type=checkbox, type=radio are set to "position:absolute; opacity:0".
Make place for 'pseudo buttons' with labels padding-left.
Now you can use labels background image to mimic buttons or use styled :before/:after classes to produce that button.
For select and type=file there is an element with ID (or class), and selected value is transfered to that element with script.
Type=range, date, time, etc. and progress styled with browser specific styling.
(Selectbox with label "Nyelv" not working in Internet Explorer)
Scrollbars are styled with jquery scrollbar
It makes BIIIIG! difference!
("Szálloda" selectbox scrollbar is not styled)
Select style at the bottom-right.