CSS 过渡属性表现得很奇怪答案

【问题标题】：The CSS transition property acting weirdCSS 过渡属性表现得很奇怪
【发布时间】：2020-08-16 20:05:58
【问题描述】：

我有一个高度扩展的 div，并在悬停时改变它的边框颜色。

这是 CSS：

div.options {
    width: 80%;
    height: 62.7px;
    margin: auto;
    border-radius: 15px;
    border: 3px solid #d0d0d0;
    overflow: hidden;
    transition: height 1s, border-color 1s;
}

div.options:hover {
    height: 627px;
    border-color: #656565;
}

&lt;div class="options"&gt;Hello&lt;/div&gt;

它在悬停时可以正常工作，但问题是 div 的边框颜色在页面加载时从默认的黑色变为指定的 #d0d0d0。该问题仅在 ctrl+f5 重新加载时出现，而不是定期重新加载。我怎样才能让它不做它做的那件事？

【问题讨论】：

欢迎来到。坦白说，我不太明白他想做什么。抱歉，您的代码丢失了，我们无能为力

标签： html css css-transitions

【解决方案1】：

我已经在 Firefox 72、Edge 84 和 IE 11 上使用您的代码和这样的 div 进行了测试：

<div class="options"></div>

它正在运行，无论是否使用 CTRL+F5，页面加载时都没有颜色从黑色闪烁。

也许它是你身边的东西。

【讨论】：