Google Chrome 版本 36.0.1985.143 似乎有一个错误，或者我在这里遗漏了一些东西。 Firefox 和 Safari 似乎按预期工作。
结账Vimeo 上的演示视频
当以下 html 文档中存在表单元素时，CSS 转换似乎会在文档加载时触发：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div></div>
<form></form>
</body>
</html>
和一个简单的 css 文件：style.css
div {
-webkit-transition:background-color 2s;
-moz-transition:background-color 2s;
-o-transition:background-color 2s;
transition:background-color 2s;
width: 188px;
height: 188px;
background-color: red;
margin: 0 auto;
}
div:hover {
background-color: green;
}
当<form></form>元素被删除or当样式表规则内联放置在文档的头部部分时，如下所示：
<style>
div {
-webkit-transition:background-color 2s;
-moz-transition:background-color 2s;
-o-transition:background-color 2s;
transition:background-color 2s;
width: 188px;
height: 188px;
background-color: red;
}
</style>
这是一个真正的错误，还是我做错了什么？
P.S：我没有启用扩展程序，并且此行为也在隐身模式下显示。
此外，此问题还表明文档是否只是通过文件夹在浏览器中打开或从实际的 apache Web 服务器提供。
当我从类似的问题重新创建“错误”时：外部样式表中定义的 CSS 转换会导致页面加载时发生转换似乎是固定的。直到我将过渡属性更改为背景颜色，当然还添加了<form></form>元素..
更新：似乎这是 Chrome 中的一个实际错误。已报道here and here。尽管他们不会很快修复它。有人知道一个简单的（css）黑客/修复吗？
更新2：另一个演示
