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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的HTML相关文章