启用禁用字体真棒图标

Question

我有向下箭头字体 - 很棒的图标。由于某些验证原因，我尝试禁用该图标。但是当我给出一个选项'禁用'时，它不起作用。

<div class="arrow bounce text-center" >
     <div class="fa fa-arrow-circle-down fa-3x " style="padding-bottom: 2px;" disabled="disabled"></div>
</div>

.arrow {
    text-align: center;
    margin:40px 0px;
}
.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
@keyframes bounce {
    0%,
    20%,
    30%,
    40%,
    50% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-30px);
    }
    50% {
        transform: translateY(-15px);
    }
}

我的代码有什么问题？

Answer 1

问题是禁用属性用于输入、按钮或锚元素。您正在尝试在 div 中设置“禁用”。 只需更改：

<div class="fa fa-arrow-circle-down fa-3x custom-color" href="#" style="padding-bottom: 2px;" disabled="disabled"></div>

与：

<a class="fa fa-arrow-circle-down fa-3x custom-color" href="#" style="padding-bottom: 2px;" disabled="disabled"></a>

编辑：

我的错。 Disabled attr 不适用于锚点。检查this。 防止点击锚点的唯一方法是通过 JavaScript。但是您遇到的这个问题与字体真棒图标无关