在 Safari 中使用 -webkit-perspective 时，选中/单选框消失
这是一个快速演示，仅限 Safari。 http://jsfiddle.net/2late2die/8AJnD/ 如果删除透视样式，所有复选框都会显示正常。使用 -webkit-transform-style:preserve-3d 可以做同样的事情（即复选框消失）。似乎也适用于单选框，但不适用于输入元素。
这很可能是 Safari 中的一个错误，但我只是想确认没有解决方案。
Here's a quick demo, Safari only. http://jsfiddle.net/2late2die/8AJnD/
If you remove the perspective style, all checkboxes appear normal. Using -webkit-transform-style:preserve-3d does the same thing (i.e. checkboxes disappear). Seems to apply to radio boxes as well but not input elements.
Most likely this is a bug in Safari but I just wanted to confirm that there are no solutions to this.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
是的，这是 safari 中的一个错误。 Chrome 甚至还不支持它。
这是一个在 safari 中运行的示例： http:// www.webkit.org/blog-files/3d-transforms/perspective-by-example.html
这意味着实际上是输入破坏了页面。尝试将错误提交给苹果:)
这是同一页面，其中添加了 2 个输入： http://jsfiddle .net/8AJnD/17/
如您所见，它们没有显示。
Yes it is a bug in safari. Chrosme does not even support it yet.
here is an example that works in safari: http://www.webkit.org/blog-files/3d-transforms/perspective-by-example.html
This means that it is really the inputs that break the page. try to submit the bug to apple :)
Here is the same page with 2 inputs added to it: http://jsfiddle.net/8AJnD/17/
as you see they do not show.