css - Box-shadow 在 iOS 7 的 Safari Mobile 上不显示(横向)

Question

我在标题上有一个非常简单的 box-shadow:

h1 {
    box-shadow: 0 4px 9px -8px #000000;
    color: #D95B43;
    height: 1.2em;
    margin-top: 0;
    font-size: 1.3em;
    padding: 10px;
}

但是 box-shadow 在 Mobile Safari (iOS 7) 上不起作用。在以前的版本中(在 纵向 View 中，在 iOS7 中)它工作正常。

截图如下:

还有一个 jsfiddle .

我该如何解决这个问题？

Answer 1

试试下面的 CSS 属性:

-webkit-appearance: none;