Почему не работает text-shadow на ios?

Question

[RobCapa]

Строчка html кода с одной страницы сайта:
<section id="sect1">Какие-то слова</section>

css:

#sect1 {
    color: #F9F7F7;
    font-size: 49pt;
    text-shadow: 0 -2px 2px #32a5ec, 0 -2px 2px #32a5ec, 0 2px 2px #32a5ec, 0 2px 2px #32a5ec, -2px 0 2px #32a5ec, 2px 0 2px #32a5ec, -2px 0 2px #32a5ec, 2px 0 2px #32a5ec, -1px -2px 2px #32a5ec, 1px -2px 2px #32a5ec, -1px 2px 2px #32a5ec, 1px 2px 2px #32a5ec, -2px -1px 2px #32a5ec, 2px -1px 2px #32a5ec, -2px 1px 2px #32a5ec, 2px 1px 2px #32a5ec, -2px -2px 2px #32a5ec, 2px -2px 2px #32a5ec, -2px 2px 2px #32a5ec, 2px 2px 2px #32a5ec, -2px -2px 2px #32a5ec, 2px -2px 2px #32a5ec, -2px 2px 2px #32a5ec, 2px 2px 2px #32a5ec;
}

В результате все работает корректно, тень/обводка у текста есть. Но есть почти точно такой же вариант на другой странице сайта:
<section id="description">Какие-то слова</section>

css:

#description {
    font-size: 52pt;
    color: #faf9f9;
    letter-spacing: 2px;
    text-shadow: 0 -1px 1px #212121, 0 -1px 1px #212121, 0 1px 1px #212121, 0 1px 1px #212121, -1px 0 1px #212121, 1px 0 1px #212121, -1px 0 1px #212121, 1px 0 1px #212121, -1px -1px 1px #212121, 1px -1px 1px #212121, -1px 1px 1px #212121, 1px 1px 1px #212121, -1px -1px 1px #212121, 1px -1px 1px #212121, -1px 1px 1px #212121, 1px 1px 1px #212121;
}

И на этой странице тени/обводки уже нет у текста. Не понимаю, в чем разница? Как на ios правильно задавать text-shadow, чтобы этой свойство работало?

Answer 1

[Богдан Лесько]

appearance: none;
-moz-appearance: none;
-webkit-appearance: none;

Попробуй это вставь поидее должно помочь