Webkit-text-stroke无法在移动设备上运行

Question

我目前正在使用webkit-text-stroke使我的字体很棒的图标看起来更薄

CSS

.arrow:after { font-family: $font-awesome; content:'\f054'; -webkit-text-stroke: 3px white; float: right; }

当我在笔记本电脑上查看它时，它的效果非常好（我正在使用Chrome）。但是，当我在移动设备上查看我的网站（iPhone，也使用Chrome）时，似乎没有应用webkit-text-stroke css属性。图标仍处于默认厚度（无笔划）。有解决方案吗或者也许可以选择使图标更薄，这也适用于移动设备？

Answer 1

而不是使用＆＃34;：在＆＃34;之后，使用如图所示的类，它将起作用。

.fa-arrow-right {
-webkit-text-stroke: 1px orange;
}