我有以下 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 上呈现如下:
但是在我的 iPad 和 iPhone 上的移动 Safari 上它呈现如下:
我不知道如何删除卡通 curl 箭头周围的蓝色框。我只希望它们像在桌面上一样是一个普通的 curl 箭头。
有人知道如何设计这些样式吗?
最佳答案
默认情况下,iOS 将一些 Unicode 字符呈现为表情符号。这可以通过使用带有 FE0E
(文本)变体(see list)的 开始的 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>
关于css - 如何删除 iOS Safari 上脚注周围的默认蓝色框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51102262/