让 A 标签失效的 CSS 写法

问题:今天遇到一个问题,只有$user_type === 0的人才可以点击A标签,给它加了个disabled属性,虽然颜色变灰了,但是没有起到禁止点击的作用;

 <a href="{{ route('devicetype/edit', ['device_type' => $device_type->id]) }}" class="btn btn-primary" @if($user_type !== 0) disabled @endif>修改</a>

效果: 颜色变了,挺好看的

让A标签失效的CSS写法放上去有个禁止的图标,可是没有起到禁用的效果,已然可以点击跳转

解决:
加个如下的CSS样式,就实现了禁止点击的效果

<style>
 .discss{
      pointer-events:none;
      color:#afafaf;
      cursor:default
  }
</style>

<a href="{{ route('devicetype/edit', ['device_type' => $device_type->id]) }}" class="btn btn-primary @if($user_type !== 0) discss @endif" >修改</a>
本作品采用《CC 协议》,转载必须注明作者和本文链接
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 2

不懂为什么要用复杂的方法

<a href="{{ route('devicetype/edit', ['device_type' => $device_type->id]) }}" class="btn btn-primary" @if($user_type !== 0) disabled @endif>修改</a>
 改成
  @if($user_type ! == 0)
       <a href="javascript:;" class="btn btn-primary">修改</a>
   @else
     <a href="{{ route('devicetype/edit', ['device_type' => $device_type->id]) }}" class="btn btn-primary">修改</a>
@endif

这不就完事了

4年前 评论
小彭友 (楼主) 4年前

这方法不错,下次试试

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!