Javascript 如何实现具有可变厚度的滚动页面箭头按钮？

我想知道如何在我的网站上改变箭头的厚度，它被用作滚动按钮。我想在厚度方面类似于这个箭头。

亲切问候,

---

Liam.

您只需设置

字体大小

和

字体重量

属性，因为您显示的箭头是字符

您只需设置

字体大小

和

字体重量

属性，因为您显示的箭头是字符

代码笔上的下一个元素是文本，因此必须使用的属性是

font size:10px

我还建议使用html下三角字符：
▼
代码笔上的下一个元素是文本，因此您必须使用的属性是
字体大小：10px

我还建议使用html下三角字符：
▼
在示例中，链接到箭头的实现方式与笔中的实现方式不同。这是如何做到的：


#箭头{
边框：3倍纯黑；
高度：50px；
宽度：50px；
变换：旋转（45度）translateY（-15px）translateX（5px）；
边界顶部：无；
左边界：无；
}
在示例中，链接到箭头的实现方式与笔中的实现方式不同。这是如何做到的：


#箭头{
边框：3倍纯黑；
高度：50px；
宽度：50px；
变换：旋转（45度）translateY（-15px）translateX（5px）；
边界顶部：无；
左边界：无；
}
测试：



正文{背景色：#DFBF90；}
#箭{
高度：50px；
宽度：112px；
颜色：白色；
边界顶部：无；
左边界：无；
利润率：100像素；
字号：74pt；
变换：旋转（63度）旋转（90度）；
}
>
测试此项：



正文{背景色：#DFBF90；}
#箭{
高度：50px；
宽度：112px；
颜色：白色；
边界顶部：无；
左边界：无；
利润率：100像素；
字号：74pt；
变换：旋转（63度）旋转（90度）；
}
>
是否使用其他字体？这是一个“使用不同的字体？这是一个”嗨，谢谢你的惊人的答案！我做错了什么？我已经复制并粘贴了你的代码，什么也没发生。这可能与JS有关吗？@LiamDocherty将边框颜色更改为白色，您将看到；-）@LiamDocherty箭头在那里，它只是黑色背景，你看不见：-）嗨，谢谢你的回答！我做错了什么？我已经复制并粘贴了你的代码，什么也没发生。这可能与JS有关吗？@LiamDocherty将边框颜色更改为白色，您将看到；-）@LiamDocherty箭头在那里，它只是黑色的背景，你看不到它：-）
.next {
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-40px;
  transform:rotate(-90deg);
  cursor:pointer;
}