css - 用作页面向下滚动的箭头链接

标签 css joomla

我在 CSS 中做了一个简单的箭头:

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

但是如何将它作为链接插入。我正在使用 Joomla。我试过这个:

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

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

最佳答案

单击按钮“运行代码片段”以查看箭头或输出。

.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>

关于css - 用作页面向下滚动的箭头链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47690681/

相关文章:

javascript - 从图像下方滑动文本

javascript - 如何使用 javascript 检测多语言 joomla 网站的当前语言?

css - 谷歌浏览器检查元素 - 无效的属性名称 - 特定于浏览器?

javascript - 从 Google 或本地加载 jQuery(如果不在线)

javascript - 仅渲染组件一次的逻辑

joomla - 后端 500 内部服务器错误 - Joomla

css - Unicode 字体的不同字体大小

javascript - 鼠标移动时模糊透明的圆形背景效果

html - 即 : Vertical align table in middle

joomla - 如何在 Joomla 中使用准备好的语句?