如何解决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,页面加载时黑色都不会出现颜色闪烁。
也许这是你身边的东西。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。