ipad / safari 上的盒子阴影
我在为 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;
}
这是我使用埃里克·迈耶重置的 。 我希望它看起来像这样： 
有什么想法吗？
谢谢你们。
贾森
I'm having trouble adding the nice shadow on focus for an input box on my ipad for safari.
Here's my code
/* 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;
}
I'm using eric meyer's reset.
I want it to look like this:
Any ideas?
Thanks guys.
Jason
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我有同样的问题，但我找到了解决方案：
但是，当存在插入阴影时它不起作用。
I have the same problem but I found the solution:
However it does not work when there is an inset shadow.
没有骰子的人，ipad 还没有支持这个，这太没用了，chrome 就是它！
更新：
-webkit-appearance：none;FTWNo dice people, ipad hasn't got support for this which is so useless, chrome is it!
Update:
-webkit-appearance: none;FTW就我而言，设置 border-radius 解决了我的问题。
In my case, setting border-radius solved my problem.