CSS在Safari中无法正常工作，在Chrome中可以正常工作

Question

上面的CSS在Chrome和Mozilla上都可以正常工作，但不适用于Safari。

Mozilla：

@supports (-moz-appearance:none) {
  .additem .additem_btn i:before {
    font-size: 14px !important;
    margin-left: -2px !important;
  }
}

Safari：

_::-webkit-full-page-media,
_:future,
 :root .additem .additem_btn i:before {
  font-size: 14px !important;
  margin-left: -2px !important;
}

所有浏览器：

.additem .additem_btn i:before {
  font-size: 14px !important;
  margin-left: -1px !important;
}

原始设计：

问题用红色标记：