textarea resizer中自定义滚动条上的奇怪边框

Question

我正在向textarea添加自定义webkit滚动条，但是我发现调整器有一个奇怪的边框，可以删除它吗？

@mixin scrollbar($size, $foregroundColor, $backgroundColor ){

  // IE ======
  scrollbar-highlight-color: $foregroundColor;
  scrollbar-track-color:$backgroundColor;
  // Webkit =====
  &::-webkit-scrollbar {
    @include size($size $size);
  }
  &::-webkit-scrollbar-thumb {
    background: $foregroundColor;
  }
  &::-webkit-scrollbar-track {
    background: $backgroundColor;
  }

  &::-webkit-scrollbar-corner {
    border:none;
  }
  &::-webkit-resizer {

  }
  &::-webkit-scrollbar-track {
    border:none;
  }
}

@include scrollbar(8px, rgba(0,0,0,0.3), #fff );