箭头 link 用作页面向下滚动

Question

我在css中做了一个简单的箭头：

.arrow {
border: solid black;
border-width: 0 4px 4px 0;
display: inline-block;
padding: 3px;
}

但我如何将其作为 link 插入。我正在使用 Joomla。我试过这个：

<a class="arrow" href="#info"></a>

但是 Joomla 只是删除了那一行。那么在 Joomla 中是不可能的还是我做错了？ :)

Answer 1

单击按钮 "Run code snippet" 查看箭头或输出。

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  font-size:0 !important;
}

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<a class="arrow" href="#info">v</a>

</body>
</html>

箭头 link 用作页面向下滚动

Arrow link used as page scroll down

css

joomla