Сделать символ белого цвета на iPhone?

Question

[Владимир Куц]

Есть элемент на фоне. Его нужно сделать полупрозрачного белого цвета. В десктопных броузерах все ок, но в Safari на iPhone он непрозрачного черного цвета.
Как таки поменять цвет символа при отображении на iPhone?

<div class="wrapper">
  <div class="close-lnk">
    <span class="close-symbol">&#10006;</span>
  </div>
</div>

.wrapper {
  background-color: #555da0;
  height: 100px;
  width: 100px;
  text-align: center;
}

.close-lnk {
 padding-top: 45px;
}

.close-symbol {
  color: white;
  opacity: 0.6;
}

Пример:
https://jsfiddle.net/sf38txLj/1/
На десктопных броузерах все ок, в iPhone  символ становится черным.