CSS aタグのリンクを無効化する方法

PHPなどプログラムで動的に取得&表示するお知らせ一覧などでリンクの有無によってaタグを外したくてもデザイン(CSS)都合上外せない場合は、CSSの “pointer-events:none;” をaタグのクラスに付加して aタグのリンクを無効化します。

pointer-events:none; で aタグのリンクを無効化

<?php foreach ($news_list as $news):?>
<li>
    <ul>
        <li>
            <?php if($news['link']):?>
            <a href="<?php echo $news['link'];?>" target="_blank"><?php echo $news['title'];?></a>
            <?php else:?>
            <a style="pointer-events:none;"><?php echo $news['title'];?></a>
            <?php endif;?>
        </li>
    </ul>
</li>
<?php endforeach;?>

コメント

タイトルとURLをコピーしました