Как удалить синий квадрат по умолчанию в сносках на iOS Safari?

У меня есть следующий HTML:

<ol>
<li id="fn1"><p>Blah, blah, blah<a href="#fnref1" class="footnote-back">?</a></p></li>
<li id="fn2"><p>Another footnote<a href="#fnref2" class="footnote-back">?</a></p></li>
</ol>

В Chrome и Safari на рабочем столе это выглядит следующим образом:

введите описание изображения здесь

Но на мобильном Safari на моем iPad и iPhone он выглядит следующим образом:

введите описание изображения здесь

Я не могу понять, как удалить синие квадратики вокруг мультяшных курчавых стрелок. Я просто хочу, чтобы они были простой фигурной стрелкой, как на рабочем столе.

Кто-нибудь знает, как их стилизовать?

css,

1

Ответов: 1


1 принят

По умолчанию iOS отображает некоторые символы Unicode как emojis. Этого можно предотвратить, используя &#x-starting HTML-сущности с FE0E(текстовым) вариантом ( см. Список ). В этом случае это&#x21A9;&#xFE0E;

<ol>
<li id="fn1"><p>Blah, blah, blah<a href="#fnref1" class="footnote-back">&#x21A9;&#xFE0E;</a></p></li>
<li id="fn2"><p>Another footnote<a href="#fnref2" class="footnote-back">&#x21A9;&#xFE0E;</a></p></li>
</ol>

CSS,
Похожие вопросы
Яндекс.Метрика