:伪考虑后不考虑方向(rtl)？(火狐)

Question

我有这个css在每个外部链接后放置一个图标:

a[target="_blank"]:after {
    background: url("images/external_icon.png") 0 0 no-repeat;
    border: 0 none;
    content: "";
    padding: 0 14px 0 0;
}

如果我要更改为:before,则图标将显示在链接前面.到现在为止还挺好.

但是在我从右到左的网站版本中,在使用时direction: rtl;,图标仍然显示在元素的右侧,而不是"翻转"到另一侧.更改为a :before仍会使图标显示在元素的右侧.

这是一个已知的FF错误吗？还有其他解决方案吗？(在Chrome中正常工作)

Answer 1

好的，所以我找到了解决方案。改为内联块。

display: inline-block;
height: 13px;
width: 13px;

解决方案很简单，但实现这一目标并不总是那么容易。

我仍然觉得问题中的 css 可能是浏览器错误？