techronicle テクロニクル

Webサイト作成に関する情報提供サイトです。WordPress,HTML+CSSなど。

カーソルの形はCSSで変えられる

2012/07/12 WordPress

カーソルの形状はCSSで変えられます。

WordPressのメニューなどで、リンク部分をそうでないように見せるときなどに使えます。

使うのはcursorプロパティ

cursor:default;

で、矢印カーソルになります。

cursor:pointer;

で、リンクの指カーソルになります。

WordPressの場合、今いるページのメニューは、

current-menu-item

といったクラスで判別できます。

つまり、

li.current-menu-item a{cursor:default;}

といった書き方をすると、リンク部分にあてたカーソルを矢印(デフォルト)にできます。