チェックボックスになるタグ 2
新旧並べてみた
お好きなのをどうぞ!
o
とか v
の部分はお好みで変えてね。
表示サンプル(画像)
style.css/* チェックボックスになるタグ v2 Font Awesome版 */
.line:not(.cursor-line) a[href$='/o']:not(.icon) span,
.line:not(.cursor-line) a[href$='/v']:not(.icon) span {
display: inline-block; width: 0; text-indent: -9999px }
.line:not(.cursor-line) a[href$='/o']:not(.icon)::after,
.line:not(.cursor-line) a[href$='/v']:not(.icon)::after {
display: inline-block; min-width: 1.15em; padding-left: 1px;
font-family: 'Font Awesome 5 Free'; font-weight: 400;
font-size: 120%; text-align: center; vertical-align: middle }
.line:not(.cursor-line) a[href$='/o']:not(.icon)::after { content: '\f0c8'; color: #08BDBD }
.line:not(.cursor-line) a[href$='/v']:not(.icon)::after { content: '\f14a'; color: #2489C5 }
import.css@import "https://scrapbox.io/api/code/scrasobox/チェックボックスになるタグ_2/style.css";
初出 2017-09-16
2018-03-27 タグリンクのhref値が変わったぽいので対応
2018-04-01 タグリンクのhref値が変わったぽいので対応
2021-07-06 Font Awesome のアップデートに対応
2022-03-19 タグリンクのhref値が変わったぽいので対応