html - 如何为特定的 CSS 属性设置无过渡

Question

我有一个带有过渡属性的元素

// app.css
.myBtn{
   width: 100px;
   transition: all 6s ease-out;
   background: blue;
}

.myBtn:hover{
   width: 300px;
   background-color: green;
}

现在，我想为background-color属性设置transition:none 。

注意：我无法更改app.css文件代码，我必须在其他文件上写入。

任何有用的答案将不胜感激。

标签： htmlcsscss-transitions

Answer 1

我认为您可以覆盖转换属性值而忽略背景，但您必须指定要转换的每个属性。

.myBtn{
    transition-property: width, height... etc;
}