当我在输入元素上设置autofocus="autofocus"
时,在Firefox中,当页面加载时,它会在一瞬间显示,但没有应用CSS。(例如,内容未居中,标题以默认字体呈现等)
如果我删除自动聚焦,则页面可以正常加载并在准备就绪时显示。
在Firefox中使用autofocus
功能的同时,是否有办法让页面正常加载?
我发现通过在<head>
中添加一些JavaScript代码,页面会在聚焦前等待样式加载。
我不是很确定为什么这样能行,但它确实有效!
示例:
<script type="text/javascript">
// Fix for Firefox autofocus CSS bug
// See: https://dev59.com/XWMk5IYBdhLWcg3w0RGU#18945951
</script>