Sass：mixin风格的iOS苹果浏览器滚动条

Question

以下mixin不会更改ios野生动物园的滚动条样式：

@mixin scrollbars($size, $foreground-color, $background-color: mix($foreground-color, white, 50%)) {
  ::-webkit-scrollbar {
    width:  $size;
    height: $size;
  }

  ::-webkit-scrollbar-thumb {
    background: $foreground-color;
  }

  ::-webkit-scrollbar-track-piece {
    background: $foreground-color;
  }

  ::-webkit-scrollbar-track {
    background: $background-color;
  }

  // Firefox
  scrollbar-width: thin;
  scrollbar-color: $foreground-color $background-color;


  // Internet Explorer
  body {
    scrollbar-face-color: $foreground-color;
    scrollbar-track-color: $background-color;
  }
}

有什么主意如何正确设置Safari浏览器上的滚动条的样式，使其与桌面一致？