Font Awesomeをリンクに利用したときのカーソルをpointerにする

harada 154views 更新:2014年9月29日

Font Awesomeをリンクに利用したところ、アイコン上だけカーソルがデフォルトの矢印のままになってしまいました。
そこでcssでpointerにしようとしたのですが、なぜか効きません。

a i.icon-rss{
 cursor: pointer;
}

どうやらデフォルトのCSS(font-awesome.min.css)に下記の記述があるため、これを上書きしないと指の形に変更できないようです。

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

追加CSS

こちらを追加することで無事pointerに戻せました。

a i:before {
    cursor: pointer;
}

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

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

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