アメブロでアコーディオン機能をテスト

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 がベストかな