CSS过渡属性表现怪异

问题描述

我有一个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;
}

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

它在悬停时应能正常工作，但是问题是div的边框颜色在页面加载时从默认的黑色更改为指定的＃d0d0d0。该问题仅在ctrl + f5重新加载而不是常规重新加载时发生。我该怎么做不做那件事？

解决方法

我已经在Firefox 72，Edge 84和IE 11上使用您的代码和如下所示的div对它进行了测试：

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

该功能正常运行，无论是否使用CTRL + F5，页面加载时黑色都不会出现颜色闪烁。

也许这是你身边的东西。