javascript - 如何在按钮旁边放置 SVG 箭头

Question

本质上，我想做到这一点：示例

我发现我可以设置z-index和1000使用position: absolute，但是我不知道要设置什么top和left属性，因为按钮的位置会根据内容而变化。

标签： javascriptcsssvg

Answer 1

尝试将 SVG 箭头::after从<button>. <button>相对和::after绝对的定位。

button {
  position: relative;
}

button::after {
  position: absolute;
}

这样，您将能够::after始终相对于<button>使用标准left和top属性