让 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>
效果: 颜色变了,挺好看的
放上去有个禁止的图标,可是没有起到禁用的效果,已然可以点击跳转
解决:
加个如下的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 协议》,转载必须注明作者和本文链接
不懂为什么要用复杂的方法
这不就完事了
这方法不错,下次试试