文章/答案/技术大牛

发布

社区首页 >问答首页 >当禁用时，停止锚的行为就像超链接一样

问当禁用时，停止锚的行为就像超链接一样
EN

Stack Overflow用户

提问于 2018-10-01 13:41:46

回答 2查看 66关注 0票数 0

即使在禁用CSS样式之后，我的锚仍然具有超链接的功能。悬空时会改变颜色。

我已经花了一些时间在这件事上，几乎放弃了这件事。我希望放大镜在悬停后不要改变颜色。

这是锚

 <a href="" class="postcode-search-icon clickable"
            ng-click="searchPostcode()" ng-disabled="true" title="Search Postcode">
 </a href="">

而我当前的CSS样式试图修复它。

.postcode-search-icon[disabled], .postcode-search-icon[disabled]:hover {
   text-decoration: none;
   cursor: not-allowed;
   background-color: transparent;
}

我做错了什么？

如果您想知道clickable类就是这样的，所以这不重要

.clickable {
    cursor: pointer;
}

@编辑

看起来像应用颜色：(原色)做一个暂时的解决办法，直到我找到更好的。

html

css

anchor

回答 2

Stack Overflow用户

发布于 2018-10-01 13:50:50

看起来你的css选择器错了。disabled伪类仅适用于输入字段，而不适用于锚。

input[disabled="disabled"], input.disabled {
    /* whatever you want */
}

此外，还需要了解如何处理clickable类的添加，这样才不会覆盖样式。

票数 2

Stack Overflow用户

发布于 2018-10-01 19:57:51

如果您使用的是角，那么您应该能够在ngClass属性中使用一个条件类。不确定您是使用角2、3、4、5还是JS (以下是ng类的JS链接)。

我想我也会把可点击的东西变成一个按钮。

.bright:hover {
  color: #0066ff;
  cursor: pointer;
}

.dim:hover {
  color: #ccc;
  cursor: default;
}

<button ng-class="{bright: enabled, dim: disabled}"><i class="search-icon"></i> Search</button>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52592479

复制

相似问题

问当禁用时，停止锚的行为就像超链接一样
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当禁用时，停止锚的行为就像超链接一样EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当禁用时，停止锚的行为就像超链接一样
EN