アメブロでアコーディオン機能をテスト
HTMLソースコードは以下
<details><summary style="cursor:*;">ラベル</summary>概要</details>
[▼ネタバレのため格納]などに使いたい
なぜか横三角は表示されない
cursor:*でカーソルを指定できるため以下で検討
cursor:alias
▼クリック!
うん。 悪くないよ
cursor:all-scroll
▼クリック!
ん~ダメ
cursor:cell
▼クリック!
エクセルみたい。意外と良いかも♪
cursor:context-menu
▼クリック!
普通だな
cursor:copy
▼クリック!
これも良い気がする
cursor:crosshair
▼クリック!
目立つけど微妙
cursor:help
▼クリック!
!?
cursor:pointer
▼クリック!
っぱコレでしょ!!
cursor:progress
▼クリック!
読み込み中・・・
cursor:text
▼クリック!
テキスト選択になるからクリックしないね
cursor:vertical-text
▼クリック!
これはまた。ややこしいね
cursor:wait
▼クリック!
クリックは・・・しないな
cursor:no-drop
▼クリック!
クリックできねぇ・・・
cursor:none
▼クリック!
見えん。ダメでしょ
cursor:e-resize
▼クリック!
微妙
cursor:n-resize
▼クリック!
上下方向ならまだ・・・ないか
cursor:col-resize
▼クリック!
良くないね
cursor:row-resize
▼クリック!
やっぱり微妙だね
cursor:ne-resize
▼クリック!
斜め。ちょっとあり?
cursor:nw-resize
▼クリック!
逆斜め。良い気がする
cursor:zoom-in
▼クリック!
拡大。勘違いするため無し
cursor:zoom-out
▼クリック!
縮小。勘違いする
cursor:grab
▼クリック!
手のひら。良いと思ったけど、やっぱりpointerかな
cursor:grabbing
▼クリック!
やっぱり cursor:pointer がベストかな