使用自动对焦的Webkit输入不适用CSS:焦点样式

时间:2013-10-02 15:33:48

标签: css input webkit focus autofocus

如果我在autofocus元素上设置<input>属性...

<input type="search" id="search" autofocus />

然后设计其焦点状态......

#search:focus {
    box-shadow: 0 0 20px #428bca;
}

当我的网页加载时,autofocus属性会自动将光标放在搜索字段中 - 但我指定的box-shadow将不会出现,除非我仍然手动对焦该字段,通过点击它或开始输入。

这是一个WebKit错误还是预期的行为?

1 个答案:

答案 0 :(得分:0)

尝试-webkit-box-shadow:并查看是否可以解决此问题