Internet Explorer 11 css-style des range-regler

Ich würde gerne die Stil-Palette-Schieberegler mit css, aber alle Beispiele, die ich fand, sind nicht gestylt in internet explorer 11, wo die regler sieht so aus:

Internet Explorer 11 css-style des range-regler

Wissen Sie, wie es Stil und warum nur ie 11 zeigen kein Stil, wenn definiert?

  • die gute Sache ist, IE11 unterstützen diese range slider Wirkung. aber auch andere browser wie chrome oder Firefox sind weit hinter der Implementierung dieser Effekt..
  • Sie sollten überprüfen Sie diesen link dann. aber seine Arbeit nur auf IE11. jsbin.com/xijudeme/1/edit
InformationsquelleAutor Teamol | 2014-03-04
  1. 12

    IE11 gibt Ihnen ein paar pseudo-Elemente in Bezug auf die range Eingang, die Sie Lesen können, über hier.

    1. ::-ms-fill-lower Kontrollen styling der Schieberegler-Spur, bevor Sie die Schieberegler

    2. ::-ms-fill-upper gleiche wie oben, aber nach dem Daumen

    3. ::-ms-thumb - für den Schieberegler selbst.

    4. ::-ms-tooltip - Steuerelemente Gestaltung der tooltip eines Schiebereglers

    5. ::-ms-track Stile mit den Schiebereglern einzelne tracks.

    Beispiel fiddle

    ::-ms-fill-lower {
    background: coral;
}

::-ms-fill-upper {
    background: peru;
}

::-ms-thumb {
    background: steelblue;
}
    • Wow ich habe nicht davon gehört. Ich weiß nur, IE11 standardmäßig bieten styling für range-input-Feld. irgendeine Idee, wie man das look & feel in Firefox-und chrome-browser?
    • Beide Browser bieten ähnliche pseudo-Elemente (aber nicht so viele wie IE) - werfen Sie einen Blick auf: tjvantoll.com/2013/04/15/...
    • Dank Adrift für den Austausch Coole Sachen
    • Mein IE 11 scheint nicht bewusst zu sein, diese pseudo-Elemente. Irgendwelche Ideen?
    InformationsquelleAutor Adrift
  2. 0

    Zusätzlich zu den 5 pseudo-Elemente erwähnt @adrift, es gibt 2 mehr mit Zecken. Also zur Erinnerung:

    1. ::-ms-fill-lower Kontrollen styling der Schieberegler-Spur, bevor Sie die Schieberegler
    2. ::-ms-fill-upper gleiche wie oben, aber nach dem Daumen
    3. ::-ms-thumb dem Schieberegler selbst.
    4. ::-ms-tooltip Kontrollen styling der tooltip eines Schiebereglers
    5. ::-ms-track Stile mit den Schiebereglern die einzelnen tracks
    6. ::-ms-ticks-before Stile Teilstriche angezeigt, bevor der track
    7. ::-ms-ticks-after Stile Teilstriche, die angezeigt wird, nachdem der track

    Beachten Sie, dass Sie 3 verschiedene Sätze von Zecken (!): der track hat seinen eigenen Satz. Verwenden color: transparent zu verstecken.

    InformationsquelleAutor geonanorch
Schreibe einen Kommentar