按钮：悬停时，颜色更改在文本后面具有不同的时间。为什么？

Question

我已经在按钮上添加了ease-in-out，以便将鼠标悬停过渡到高亮颜色上。由于某种原因，颜色过渡仅落后于文本。

我尝试将过渡直接应用于悬停动作，这提供了适当的悬停颜色过渡，但未应用缓和部分。

.wsite-button {
  color: white;
  background-image: none !important;
  background-color: @button;
  border-radius: 5px;  
  transition: all 0.3s ease-in-out;
}

.wsite-button:hover {
  background-color: @highlight;
}

Answer 1

悬停内部没有设置任何实际颜色，因此如果它发生了变化，我会感到惊讶。

编辑：真的不确定我为什么要被否决，因为他提供了CSS，没有理由文字会改变颜色。