css - 边框颜色过渡 css3 错误

Question

我试图在我的网站上对 border-color 属性进行转换，但我有一个小错误，我不知道他来自哪里。

当我的鼠标在按钮/链接上时，边框变成蓝色，然后过渡来了。我在 firefox/chrome/opera 上试过这个代码，这个问题出现在所有这些上，所以这可能是我的错误。

您可以在那里看到问题:http://jsfiddle.net/u3Ahk/15/

.bouton a {
    transition: background-color 1s, border-color 1s;
    padding: 5px 7px 8px 7px;
    text-decoration: none;
}

提前致谢!

Answer 1

Updated fiddle.

在链接正常状态下显式声明透明边框:

.bouton a {
    transition: background-color 1s, border-color 1s;
    padding: 5px 7px 8px 7px;
    text-decoration: none;
    border: 1px solid transparent; /* this */
}