css - Box-shadow not shown on Safari Mobile on iOS 7 (in landscape)

Question

I have a very simple box-shadow on an header:

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

But the box-shadow doesn't work on Mobile Safari (iOS 7). In the previous version (and in portrait view, in iOS7) it works fine.

Here's a screenshot:

And a jsfiddle.

How can I solve this problem?

Answer 1

Try the following CSS property:

-webkit-appearance: none;