CSS-Übergänge löschen

Question

Ich verwende ein CSS-Framework, das Übergänge beim Bewegen der Maus über Eingabeelemente anwendet. Ich habe eine Klasse, die ich diesen Übergang nicht haben möchte. Ist das möglich?

Answer 1

Einfach Übergang: keine; in der CSS und machen ihre Priorität höher als die anderen.

Beispiel:

html:

<div class="a"></div> 
<div class="a b"></div> 

css:

div.a { 
    width: 200px; 
    height: 100px; 
    border: 1px solid black; 
    background-color: #EEE; 
    -webkit-transition: background-color 0.5s; 
} 
div.a:hover { 
    background-color: #069; 
} 
div.a.b { 
    -webkit-transition: none; 
}​