xasz: HTML5 Input type=range field

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

    1. Grüße,

      http://jqueryui.com/demos/slider/

      der ist aber nich tnative oder?
      die html5 slider sollten AFAIK den systemslidern identysch sein - also auf einem windows system sieht es halt nach einem windows-slider aus, bzw - eine browservorgabe.
      slider, buttons, radiobuttons,checkboxen etc köhnnen AFAIK nur bedingt formatiert werden
      MFG
      bleicher

      --
      __________________________-

      FirefoxMyth
      1. Ja klar,
        JQuery geht klar auch.
        Ich mein sowas ist auch sehr einfach über Javascript oder sonstiges realisierbar, dachte halt nur eventuell mal dieses Feature quasi zu abusen und hierzu auch zu verwenden, aber scheint wohl wirklich nicht viele Möglichkeiten zu geben das Design zu verändern.

        Trotzdem Danke