読者です 読者をやめる 読者になる 読者になる

日々精進

新しく学んだことを書き留めていきます

bootstrapでaタグをDisableにする方法

web

css class の disabledを付ければ良い。 以下のような感じ。

<a href="..." class="disabled">...

これだとクリックイベント発生しそうだが、しない。理由はdisabledクラスはpointer-events: none;を設定しており、これを設定するとクリックイベントが発生しなくなるため。 これはCSS3の機能なので一部ブラウザでは動かない。動かないブラウザは以下で確認できる。

http://caniuse.com/#feat=pointer-events