前端之家收集整理的这篇文章主要介绍了
HTML 5自动对焦会混乱CSS加载,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我在输入元素上设置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>
原文链接:https://www.f2er.com/html/231741.html