Bullet-Farben werden in Chrome nicht korrekt angezeigt, wenn sie mit Angular geändert wurden

8

Kann jemand erklären, warum sich diese Kugeln in Firefox und IE korrekt ändern, aber nicht in Chrome (meine aktuelle Version ist 47.0.2526.106)? Warum bleiben die Kugeln in der ersten ul weiß, aber die anderen ändern sich anfangs?

Beachten Sie, dass ich das gleiche Verhalten erhalte, wenn ich an class anbinde oder das Attribut ng-class verwende.

Gibt es eine Möglichkeit, die Farben korrekt zu aktualisieren?

Firefox / IE:

Chrome:

%Vor% %Vor% %Vor%

Aktualisieren

Wenn wir etwa ein Jahr später darauf zurückkommen, scheint Google den Rendering-Fehler behoben zu haben, der das verursacht hat, obwohl ich mir nicht sicher bin, welches Release das Update enthielt. Ich sehe dieses Problem nicht mehr in Chrome v56.0.2924.87.

    
NanoWizard 28.12.2015, 22:11
quelle

2 Antworten

6

Dies ist ein Chrome-Rendering-Fehler.

Eine Option besteht darin, benutzerdefinierte Aufzählungspunkte mit einem Pseudoelement einzufügen.

%Vor%

Hier ist das aktualisierte Beispiel:

%Vor% %Vor% %Vor%

Eine andere Möglichkeit ist es, ein Repaint-Ereignis , um den Browser zu zwingen, das Styling zu aktualisieren. Dies ist definitiv eine hackische Option, aber trotzdem funktioniert es:

%Vor%

Hier ist das andere aktualisierte Beispiel:

%Vor% %Vor% %Vor%
    
Josh Crozier 28.12.2015, 22:34
quelle
3

A s ein Kommentator sagte, dass dies scheint, Fehler zu rendern, aber hier ist eine Arbeit um nur :before zu verwenden, um die Punkte selbst zu färben. Siehe den css-Abschnitt (wollte ihn nur laufen lassen)

%Vor% %Vor% %Vor%
    
Jack 28.12.2015 22:33
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset .NET SqlClient-Anmeldefehler von Hintergrundthread in ASP.NET WebForms-Anwendung