讓 A 標籤失效的 CSS 寫法

小彭友發表於2020-05-21

問題:今天遇到一個問題,只有$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 協議》,轉載必須註明作者和本文連結

相關文章