HTML 5自动对焦会混乱CSS加载

概述当我在输入元素上设置autofocus =“autofocus”时,在Firefox中,当页面加载时,它会在没有应用CSS的情况下显示一瞬间. (例如,内容不居中,标题以默认字体等呈现) 如果我删除自动对焦,页面会正常加载并在准备就绪时显示. 在Firefox中使用自动对焦功能时,有没有办法让页面正常加载？ 我发现通过在< head>中添加一些JavaScript,页面会在焦点之前等待样式加载. 当我在输入元素上设置autofocus =“autofocus”时,在firefox中,当页面加载时,它会在没有应用CSS的情况下显示一瞬间. (例如,内容不居中,标题以默认字体等呈现)

如果我删除自动对焦,页面会正常加载并在准备就绪时显示.

在firefox中使用自动对焦功能时,有没有办法让页面正常加载？

解决方法 我发现通过在< head>中添加一些JavaScript,页面会在焦点之前等待样式加载.

我不确定为什么会这样,但确实如此！

例：

<script type="text/JavaScript">    // Fix for firefox autofocus CSS BUG    // See: http://stackoverflow.com/questions/18943276/HTML-5-autofocus-messes-up-css-loading/18945951#18945951</script>

总结

以上是内存溢出为你收集整理的HTML 5自动对焦会混乱CSS加载全部内容，希望文章能够帮你解决HTML 5自动对焦会混乱CSS加载所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。