【发布时间】：2013-10-02 15:33:48
【问题描述】：
如果我在<input> 元素上设置autofocus 属性...
<input type="search" id="search" autofocus />
然后设置它的焦点状态...
#search:focus {
box-shadow: 0 0 20px #428bca;
}
当我的页面加载时，autofocus 属性会自动将光标放置在搜索字段中 - 但我指定的 box-shadow 不会出现，除非我仍然手动聚焦该字段，或者通过单击在上面或开始输入。
这是 WebKit 错误还是预期行为？
【问题讨论】：
-
在 Opera 15 上运行良好。我的意思是，阴影出现在页面加载本身上。
-
我的搜索输入默认是隐藏的——这会影响 :focus 样式是否适用吗？即使最初是隐藏的，它仍然会自动对焦...
标签： css input webkit focus autofocus