Snow Monkey Forms 必須マークをつけたい

必須項目のラベルの横に「必須」マークをつけるには・・・

１．ラベルにクラスを設定します

２．「外観」-「カスタマイズ」-「追加CSS」に追加

/* Snow Monkey Formsに必須マークをつける */

[data-screen="input"] .smf-form .required .smf-item__label::after,
[data-screen="back"] .smf-form .required .smf-item__label::after{
content: "必須";
color: #ffffff;
background: #cc0000;
font-size: 0.6em;
padding: 0.3em;
border-radius: 0.5em;
margin-left:1em;
}

[data-screen=”input”] は最初の入力画面、[data-screen=”back”]は、確認画面から戻ったとき
確認画面では、「必須」を表示しないようにします。