xasz: HTML5 Input type=range field

Beitrag lesen

Hallo Leute,

ich habe mich heute mal aus Langeweile ein bisschen mit HTML5 und CSS3 auseinandergesetzt und mir einfach mal ein kleines Layout gebastelt mit son paar neuen Features. Ich bin allerdings auch ein Problem gestoßen, für das ich noch keine Lösung habe.
Es gibt ja neue Input Elemente wie z.b. type=date,email,.. und unter anderem auch range.
also <input type=range min=1 max=10>.
Jetzt sieht das ganze noch ein bisschen langweilig aus, also die meisten Browser (eigentlich nur IE) machen da ja eh noch nicht viel, ich benutzte Firefox, Chrome und Opera zum test hierfür, da diese was anzeigen.

So jetzt zum eigentlichen:
Ich würde diesen Balken wirklich komplett umgestalten um Ihn zum Beispiel als SliderBar zu benützen, allerdings finde ich einfach nix wie ich das Teil umgestallten kann.
Dafür gibts jetzt verschiedene Möglichkeiten:
1. Es gibt noch nix für
2. Es gibt was und ich bin ein fach zu blöd es zu finden :)
3. Es gibt was und ihr seid so nett und helft mir :D

Danke für eure Anworten
Bin mal sehr gespannt, ob ihr da was wisst
grüße der xasz