Font Awesomeを利用したリンクのアイコン上でカーソルがポインターにならない

harada 151views 更新:2014年10月27日

Font Awesomeのアイコンをリンク内で利用したときに、アイコン上のみカーソルがポインターにならない現象があります。
これはFont Awesomeのデフォルトのcssで下記の指定が効いているからなため、追加cssで指定を上書きすれば新しいカーソルを指定できます。

font-awesome.min.cssの指定箇所

[class^="icon-"]:before, [class*=" icon-"]:before {
    cursor: default;
    display: inline-block;
    text-decoration: inherit;
}

追加css

a [class^="icon-"]:before, a [class*=" icon-"]:before {
    cursor: pointer;
}

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません