Ich habe eine Reihe von Werten mit Checkboxen auf dieser Seite . Das Aussehen und funktioniert in allen Browsern, außer Safari. Wenn ich auf eines der Kontrollkästchen klicke, "springen" oder "fallen lassen" und dann wieder in Position.
Ich habe etwas recherchiert, aber ich habe nichts darüber gefunden, wie man die Boxen davon abhalten kann, sich zu bewegen.
Hier ist der Code für das Kontrollkästchen:
%Vor%Hier ist das CSS:
%Vor%Wie gestalte ich die Kontrollkästchen, so dass sie stationär sind und nur den Status ändern, wenn Sie darauf klicken?
Das Problem besteht in den Eigenschaften width und height . Warum genau das zählt, kann niemand erraten, und ich kann keine Informationen zu diesem Thema finden. Es scheint, dass die Attribute width und height für den Standardstatus der Box verwendet werden, aber während des Übergangs zwischen dem ursprünglichen und dem alternativen Status verworfen werden.
Die beste Lösung wäre wahrscheinlich:
%Vor%Sie können auch einen bedingten Kommentar verwenden, um ältere Versionen von IE anzusprechen (wenn Sie sie unterstützen) und dann explizite Höhe und Breite hinzuzufügen, um den Stil zu erhalten, den Sie suchen:
%Vor%Einfachste, aber funktionierende Lösung ist:
%Vor%in Ihrem CSS.
Dies liegt daran, dass Sie eine benutzerdefinierte Breite und Höhe für die Kontrollkästchen festgelegt haben. Wenn Sie die Regeln für Breite und Höhe aus Ihrem CSS entfernen, werden die Kontrollkästchen bei der Überprüfung nicht mehr bewegt.
Verstehen Sie, dass Sie möchten, dass sie größer sind. Sehen Sie sich auch andere Möglichkeiten an, wie Sie Kontrollkästchen anpassen können.
Hier ist ein allgemeiner Weg: Ссылка