考虑这个简单的 html 页面:
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div><form></form>
</div><br>
<div>some text</div>
</body>
</html>
test.css 文件包含:
div {
-webkit-transition: background-color 6s ease;
transition: background-color 6s ease;
background-color: red;
}
div:hover {
background-color: green;
}
在 Chrome 中加载或刷新页面时，您可以看到从灰色到红色的过渡。如果您删除 form 元素，div 将按预期开始为红色。如果没有 javascript/jquery，我该如何解决这个问题？
编辑:不要使用 jsfiddle 或 codepen 或类似的东西。问题出在页面加载上。这些不是整页加载。
最佳答案
原来这是一个 Chrome 错误:
关于html - 在 html 中存在表单使得在 chrome 中加载时发生 css 转换，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25113955/