边框颜色转换css3错误

我试图在我的网站上的一个边框颜色属性上做一个转换，但我有一个小错误，我不知道他来自哪里

当我的鼠标位于按钮/链接上时，边框变为蓝色，然后过渡开始。 我在firefox/chrome/opera上尝试了这段代码，但所有的浏览器都出现了这个问题，所以这可能是我的错误

您可以在这里看到问题：

---

提前谢谢

您有一个没有显式颜色的零宽度边框，悬停时会变为灰色1像素边框，并且您尝试仅转换

边框颜色

。这真的不起作用-发生的情况是宽度立即变为1像素，然后蓝色边框变为灰色边框。你在改变一件事，但却在完全转变另一件事

边框以蓝色开头的原因是，您没有为初始状态指定边框颜色，因此它采用同样为蓝色的文本颜色。也就是说，在任何浏览器中都不是bug。我不能确切地说出您想要转换的边界是什么（仅宽度、仅颜色还是两者兼有？），因此很难提出解决方案。

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

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

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