带有href链接的Span无法工作

Question

我正在尝试将一个href放在一个span class中，但是我无法使链接起作用。

<a href="../../public/bassengweb/logout">Logg ut<span class="label label-danger"></span></a>

此外，label-danger也不会显示出来。

- user3185936

---

如果您希望类覆盖a元素，难道不应该反过来吗（锚嵌入span）？为什么不将类分配给a？您所说的“不显示”是什么意思？ - collapsar

你不应该使用GET来注销。 - Laurel

Answer 1

链接到可运行的样例 - Bootply

这是由于CSS中的这一行代码造成的：

.label:empty{
  display:none;
}

如果你在span标签之间写入内容，它会生效。

<a href="../../public/bassengweb/logout"><span class="label label-danger">Logg ut</span></a>

尽管在悬停时与“普通” Bootstrap 标签相比看起来不太好，但或许可以尝试像这样做：

<a href="../../public/bassengweb/logout">Logg ut</a><span class="label label-danger">Danger</span>

- Albzi

Answer 2

这是最好的方式！它易于操作，且干净利落。

<span onclick="window.location.href='www.google.com';">text</span>

然后您可以为其添加 class:hover 以实现颜色效果

- Hugo

---

这对于可访问性来说非常糟糕。它无法使用键盘访问，并阻止了许多其他交互，如右键单击、Shift+单击、拖放等。 - Laurel

Answer 3

具有类别 label 的 <span> 应该有内容， 请查看 Bootstrap 的示例 Bootstrap 组件 - 标签 也许你可以尝试放入一个 "x"

<a href="../../public/bassengweb/logout">Logg ut<span class="label label-danger">x</span></a>

或者使用Glyphicons，也许。

<a href="../../public/bassengweb/logout">Logg ut<span class="label label-danger"><span class="glyphicon glyphicon-circle-arrow-right"></span></span></a>

- jeugen

Answer 4

标签的 CSS 使用：

class="label label-important"

这对我有用

- Aleksandra Kuna