Question

我这里有2个类似的东西，但是在第一个输入有点眨眼＆＃39;加载页面时，第二个是正常的。所以我无法找到为什么我会眨眼＆＃39;在第一个...也许你不能在codepen上看到它，但在普通浏览器中你可以看到它......＆lt; - 你知道我的意思，抱歉我的英语不好。

第一支笔http://codepen.io/anon/pen/NGzEKN

    input[type="text"],
input[type="password"] {
  transition: background .3s ease-in-out;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus {
  background: rgba(60, 68, 76, 0.75);
  transition: background .3s ease-in-out;
}

第二支笔http://codepen.io/anon/pen/meKQbN这一笔工作正常。

    .login_field label,
input[type="text"],
input[type="password"] {
  padding: 1em;
  border: 0;
  background: #3b4148;
  outline: none;
  transition: all .6s ease;
  color: #FF79AB;
}

Answer 1

你知道我在使用bootstrap affix插件时遇到了类似的问题。关于codepen，你不是在一个地方写下所有信息（比如以Doctype开头的文本编辑器）。

使用此html语法

在html区域中的codepen上编写代码

<html>
<head>
    <title></title>
</head>
<body>

</body>
</html>

浏览器了解何时以此格式读取html文档。 Codepen你没有使用它或需要它，但它也有一些挫折所以我希望这项工作。来吧试试吧。干杯！

加载页面时，CSS3转换/转换闪烁

1 个答案: