让 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 协议》,转载必须注明作者和本文链接
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 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

这不就完事了

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

这方法不错,下次试试

3年前 评论

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