IE8- und IE9-Auswahlfelder schließen sich beim Schweben

Ich habe dieses seltsame problem wie im Thema: im IE (ich Teste die version 8, ich habe keine Möglichkeit zu testen, ältere/neuere Versionen) und nur im IE, alle Felder auswählen, die auf meiner website begann sich zu schließen sich, sobald ich schweben meine Maus, um eine option auszuwählen.
Dies geschieht nicht auf Firefox, und das ist nicht passiert auf meinem lokalen server, nur auf den test der remote-server (ja, die beiden Seiten sind identisch).
Also, zur Erinnerung:
Lokale version: Prima, auch in IE.
Remote-version: IE select-Boxen "krachen", wie bald, wie ich bewegen Sie die Maus über Sie.
Irgendwelche Ideen?

InformationsquelleAutor der Frage Fulvio | 2011-04-05

  1. 33

    Ich hatte dieses problem im IE8 nur und hier ist, wie ich es gelöst:

    In meinem CSS ich die Anwendung eine schriftart-Familie, die SELECT.
    Stattdessen bewarb ich mich es auf die SELECT OPTION.

    Also statt:

    select {font-family:'Avenir LT W01 85 Heavy';}

    Habe ich dieses:

    select option {font-family:'Avenir LT W01 85 Heavy';}

    Und das Menü beendet das schließen nicht einwandfrei. Hoffe, das jemand hilft.

    InformationsquelleAutor der Antwort Nathan

  2. 8

    Fand ich, dass das problem beim hinzufügen von Anführungszeichen in den Namen der font-Familie.
    Also, statt zu schreiben 

    select{font-family:"Open sans";}

    habe ich erklärt

    select{font-family: open sans;}

    InformationsquelleAutor der Antwort Mush

  3. 7

    Ich hatte das gleiche Problem. In meinem Fall war es Total unabhängig von Javascript, im Gegensatz zu dem, was dein link bedeutet. Stellte sich heraus, dass einfache CSS.

    Irgendwann habe ich entdeckt, dass die Anwendung einer color Attribut zu meinem select Eingänge' CSS mit alles andere als schwarz, würde diese unbrauchbar machen. Es spielte keine Rolle, wenn der Wert in hex-oder rgb, solange es schwarz war.

    Ich eine bedingte Kommentar zu target-IE 7 oder 8 (auch wenn 7 war in Ordnung, ich brauche es für den IE 8 im Kompatibilitätsmodus), und richten Sie das style-Deklaration:

    .myclass select {
   color: #000;
}

    InformationsquelleAutor der Antwort Tomas Buteler

  4. 3

    Ich habe das gleiche problem und die Lösung ist folgende:

    select         { font-family:inherit; font-size:inherit; }

    und das übergeordnete Element wählen Sie ist notwendig, Schrift-option.

    Danke für diese Antwort diese Frage

    InformationsquelleAutor der Antwort funk

  5. 2

    Sieht es aus wie könnte es ein paar verschiedene CSS-Deklarationen, die das verursachen kann.

    Ich hatte das gleiche problem, aber keine Farb-Erklärung. Es stellt sich heraus, dass es eine font-family-Regel. Ich verwendet einen bedingten Kommentar Ziel IE8 und älter und legen Sie die font-Familie "Erben." Polsterung gut funktioniert, wie font-size.

    InformationsquelleAutor der Antwort joshcanhelp

  6. 1

    Ich verbrachte einen ganzen Tag die Untersuchung dieser Frage aber im IE9. Ich Teile meine Lösung, da Sie es war, nicht weil der color oder font-family des select.

    Es stellt sich heraus, dass IE flippt aus, wenn es findet eine option innerhalb einer select mit einem bestimmten CSS-Wert für opacity. Das Problem passiert auch wenn die Deckkraft wird überschrieben durch eine andere CSS-Regel mit opacity: none oder opacity: 1 die Eigenschaft gar nicht erscheinen.

    Es ist eine gruselige browser-bug.

    InformationsquelleAutor der Antwort alf

  7. 0

    Hatte, habe ich dieses Problem im IE9 auch. Es wurde durch @font-face-Anweisungen, in denen Sie die font-family-Eigenschaft gleich dem echten font-family-name. In IE11 funktioniert es einwandfrei.

    InformationsquelleAutor der Antwort David Fidge

  8. 0

    Dass mich gerettet: 

    $('select').css('background-color','red')

    PS. Zum zurücksetzen der Hintergrundfarbe, auch wenn es bereits in der css-Datei.

    InformationsquelleAutor der Antwort Anton Pegov

Schreibe einen Kommentar