似乎情况是如果我在表单元素中输入了密码，并且如果我加载了一个定义简单css转换的外部样式表，则该转换适用于页面加载。太棒了。
但是，如果我删除密码字段或删除表单，或者我将样式嵌入到文档中，则转换不再适用。
为什么这个动画似乎依赖于密码字段的存在？为什么需要在表单中？为什么我从带有link标记的外部文件加载样式表还是只将其嵌入style标记中，这有什么关系呢？
的index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<a href="#">HELLO</a>
<form>
<input type="password">
</form>
</body>
</html>
stlyle.css：
body { font-size: 100px; }
a { transition: all 0.3s ease-out; }