html - CSS 变换 + Icomoon

Question

我有以下按钮

<a href="<?php echo get_permalink(18); ?>" class="btn btn-primary btn-primary btn-back">
    <span class="icon">
        <span class="icomoon icon-arrow-01"></span>
    </span>
    News / Tips
</a>

...我试图像这样水平翻转图标：

.btn-back .icomoon::before {
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

我还display: inline-block;根据[class^="icon-"], [class*=" icon-"]我在此处的另一篇文章中阅读的内容添加了内容。

但是当我在浏览器中查看时，图标没有翻转。我也尝试过转换父.icon容器，但没有运气