CSS光标属性不起作用答案

【问题标题】：CSS cursor property isn't workingCSS光标属性不起作用
【发布时间】：2016-10-11 15:42:52
【问题描述】：

我正在尝试将光标设置为所有标签 <a>，但是当我查看网站时，该属性未显示

CSS

 a {
  color: #333333;
  /* color: #787878; */
  text-decoration: none;
  cursor: pointer
 }

在网站上

 a {
  color: #333333;
  /* color: #787878; */
  text-decoration: none;
 }

如果你想看看网站是：backlabel.com

【问题讨论】：

标签： css cursor

【解决方案1】：

问题在于您的链接根本不是链接。

HTML 是：

<a data-toggle="collapse" data-target="#demo">Care &amp; Washing&nbsp;▾</a>

如果“链接”没有href，则它不是一个链接，它本质上被视为一个跨度。

由于您将其用作“切换”，因此您可以添加

a[data-toggle] {
    cursor: pointer;
}

【讨论】：

在这个元素上声明一个cursor:pointer，不管href属性是否存在，仍然会改变光标状态。您可以将元素更改为span，并通过声明此规则使其看起来像一个链接。最终用户不会更聪明。