在侧边栏显示的返回顶部按钮能否设置为圆角？

[zhmou]

我在_config.next.yml中的配置了显示百分比的back2top按钮，其固定为直角矩形：

  back2top:
    enable: true
    # Back to top in sidebar.
    sidebar: true
    # Scroll percent label in b2t button.
    scrollpercent: true

在目录/source/_data/下，我按照网上的教程配置了variables.styl文件，使各栏外侧均为圆角：

$border-radius-inner     = 20px 20px 20px 20px;
$border-radius           = 20px;

如此一来，两者产生了重叠，不太美观，效果如图 ：（我同时还设置了侧边栏的透明度）

请问能否将这个按钮设为圆角，或者是否存在其它的解决办法？

[stevenjoezhang]

圆角可以用 CSS 设置：

.back-to-top {
  border-radius: 0 0 20px 20px;
}