＃で始まるタグをラベル風にする
from settings
＃で始まるタグをラベル風にする
▼ CSSはこちら
code:style.css
/* ＃で始まるタグをラベル風にする */
atype="hashTag" {
display: inline-block;
margin: 4px;
font-size: 14px;
height: 32px;
width: auto;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 4px;
border: 1px solid rgba(8, 19, 26, 0.1411764705882353);
color: ;
background-color: #fff;
}
atype="hashTag":hover {
border: 1px solid rgba(8, 19, 26, 0.2196078431372549);
}
atype="hashTag":active {
border: 1px solid rgba(8, 19, 26, 0.2196078431372549);
background-color: rgba(8, 19, 26, 0.2196078431372549);
}
上記CSSを適用させた表示
#タグ
スタイルはnote公式を参考にした。
参考
更新日
2024/10/12