Was passiert, wenn ein CSS-Eigenschaft wie transform leer, dhCSS style-Attribut leer gelassen
element.style.transform = "";
Kontrolle dieses fiddle- https://jsfiddle.net/e85odhjf/
im JavaScript-Teil, ich die left.style links. transform = "" in der Funktion back() (wird von onmouseout gesteuert), sodass die Form in die ursprüngliche Form zurückgebracht wurde.
Wenn Sie eine Erklärung von einem Stil-Attribut zu löschen, den Sie entfernen, ein declared value:
Jede Eigenschaft Erklärung applied to an element trägt einen deklarierten Wert für diese Eigenschaft mit dem Element verbunden ist. Einzelheiten finden Sie unter Filtering Declarations.
Außerdem ist das ein angegebener Wert mit hohen specificity.
Jede Deklaration hat die gleiche Spezifität wie die Stilregel erscheint es in Für die Zwecke dieses Schrittes, Erklärungen, die nicht gehören Eine Stilregel (wie die contents of a style attribute) wird betrachtet, um eine höhere Spezifität als irgendein Selektor zu haben. Die Deklaration mit der höchsten Spezifität gewinnt.
Daher ist es wahrscheinlich, der Wert, den Sie zu entfernen waren die cascaded value:
Der kaskadiert Wert das Ergebnis the cascade darstellt: es ist die declared value, die die Kaskade gewinnt (sortiert wird zuerst in die output of the cascade).
In diesem Fall werden alle cascaded, specified, computed und used Werte ändern können.
Wenn es keinen anderen deklarierten Wert gibt, ist die Ausgabe der Kaskade eine leere Liste und es wird kein kaskadierter Wert vorhanden sein. Dann ist der angegebene Wert das Ergebnis der defaulting processes.
In Ihrem Fall, da transform keine geerbte Eigenschaft ist, wird der Anfangswert verwendet. Das heißt, transform: none. Das wird "die Form in die ursprüngliche Form zurückbringen".