ipad/safari上的盒子阴影

ipad/safari上的盒子阴影,ipad,safari,input,focus,css,Ipad,Safari,Input,Focus,Css,我在为safari的ipad上的输入框添加漂亮的聚焦阴影时遇到了问题 这是我的密码 /* remember to define focus styles! */ :focus { outline: 0; } input[type=text]{ width: 494px; height: 44px; line-height: 44px; font-size: 24px; border: 2px sol

我在为safari的ipad上的输入框添加漂亮的聚焦阴影时遇到了问题

这是我的密码

/* remember to define focus styles! */
:focus {
    outline: 0;
}    
input[type=text]{
        width: 494px;

        height: 44px;
        line-height: 44px;
        font-size: 24px;
        border: 2px solid #666666;
    }
    input:focus{
      -webkit-box-shadow:0 0 15px #ffffff;
       -moz-box-shadow: 0 0 15px #ffffff;
       box-shadow:0 0 15px #ffffff;
    }
我用的是埃里克·迈耶的重置。 我希望它看起来像这样:

有什么想法吗

谢谢各位

杰森


没有骰子的人,ipad没有支持这是如此无用,铬是它

更新:


-webkit外观:无FTW

我也有同样的问题,但我找到了解决方案:

-webkit-appearance: none;

但是,当存在插入阴影时,它不起作用。

在我的例子中,设置边界半径解决了我的问题

border-radius: 1px;

我可以确认这对iPad3Safari上文本输入框的插入框阴影有效。这实际上是我在iPhone6Plus上唯一有效的答案。
border-radius: 1px;