ipad/safari上的盒子阴影
我在为safari的ipad上的输入框添加漂亮的聚焦阴影时遇到了问题 这是我的密码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
/* 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;