web-dev-qa-db-ja.com

ツールチップCSSカーソル

クリックスルー動作のないツールチップにどのカーソルを使用すべきかについて、私は少し途方に暮れています。ホバーのみのツールチップがあり、現在CSSカーソルを使用しています。

cursor: pointer

ただし、このカーソルをボタンとリンク(click動作を伴うもの)にも使用しており、ツールチップ要素にはclick機能。

私は使用を考えていました:

cursor: help

ブラウザで使用可能なカーソルのリストは次のとおりです: https://developer.mozilla.org/en/docs/Web/CSS/cursor

混乱を招く助けですか、それともポインタだけに固執するべきですか?

7
theorise

カーソルは、ツールチップではなく、要素に対してユーザーが実行できる操作に応じて変化する必要があります。ツールチップが表示され、要素の内容や内容を説明しますします。

たとえば、リンクの上にカーソルを合わせると、ポインタカーソルによって、リンクをクリックして何らかのアクションを実行することが強調されます。このリンクにもツールチップがある場合がありますが、カーソルはクリックアクションによって異なります。

したがって、カーソルは、要素を利用する方法(またはできない)をユーザーに示します(クリックしてアクションを実行し、クリックしてドラッグして要素を移動し、クリックしますドラッグしてテキストなどを選択します)。あなたの場合、要素がクリックされたりドラッグされたときなどにアクションに反応しない場合は、デフォルト以外のカーソルを使用しないでください。

7
Alvaro