css - 清除 CSS 过渡

Question

我使用一个 CSS 框架，它在将鼠标移动到输入元素上时应用过渡。我有一门课，我不想有这个过渡。这可能吗？

Answer 1

只需放置过渡：无；在 css 中并使其优先级高于其他。

例子：

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;
}​